Color in hexadecimal, RGB or with CSS color keywords.
Example: #FFFFFF, rgb(255,255,255) or white
The contrast of your colours is insufficient.
Current ratio: 2.6

Old contrast

Invalid contrast
Foreground Background Sample Ratio Distance
  • hsl(32, 30%, 60%)
  • rgb(184, 156, 122)
  • #B89C7A
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

2.60079

New contrast : 20 results (3,939,840 colors tested)

Valid contrasts
Foreground Background Sample Ratio Distance
  • hsl(28, 55%, 42%)
  • rgb(167, 104, 48)
  • #A76830
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50074 81.97
  • hsl(28, 53%, 42%)
  • rgb(165, 105, 50)
  • #A56932
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50011 80.04
  • hsl(30, 51%, 41%)
  • rgb(161, 107, 51)
  • #A16B33
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50036 78.72
  • hsl(29, 44%, 42%)
  • rgb(158, 108, 61)
  • #9E6C3D
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50042 70.82
  • hsl(30, 44%, 42%)
  • rgb(156, 109, 60)
  • #9C6D3C
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50036 71.41
  • hsl(36, 54%, 38%)
  • rgb(153, 111, 45)
  • #996F2D
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50052 83.27
  • hsl(30, 39%, 43%)
  • rgb(153, 110, 67)
  • #996E43
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50076 66.46
  • hsl(34, 46%, 40%)
  • rgb(152, 111, 56)
  • #986F38
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50068 74.37
  • hsl(32, 39%, 42%)
  • rgb(151, 111, 65)
  • #976F41
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50067 67.84
  • hsl(36, 47%, 39%)
  • rgb(150, 112, 53)
  • #967035
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50076 76.8
  • hsl(36, 42%, 40%)
  • rgb(147, 113, 59)
  • #93713B
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50082 72.44
  • hsl(35, 33%, 41%)
  • rgb(143, 114, 71)
  • #8F7247
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.5008 65.08
  • hsl(37, 30%, 41%)
  • rgb(140, 115, 74)
  • #8C734A
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50039 64.21
  • hsl(29, 22%, 44%)
  • rgb(140, 114, 89)
  • #8C7259
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50038 58.01
  • hsl(35, 26%, 42%)
  • rgb(139, 115, 80)
  • #8B7350
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50072 61.63
  • hsl(36, 21%, 43%)
  • rgb(135, 116, 87)
  • #877457
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50068 60.78
  • hsl(34, 18%, 44%)
  • rgb(134, 116, 92)
  • #86745C
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50029 60.0
  • hsl(36, 14%, 44%)
  • rgb(130, 117, 97)
  • #827561
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50036 61.48
  • hsl(34, 12%, 45%)
  • rgb(129, 117, 101)
  • #817565
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50078 61.71
  • hsl(31, 9%, 45%)
  • rgb(128, 117, 105)
  • #807569
  • hsl(0, 0%, 100%)
  • rgb(255, 255, 255)
  • #FFFFFF

Title big size with words in bold

Here is some text sample with some words in bold to illustrate the contrast.

4.50032 62.13
Not satisfied?