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.3

Old contrast

Invalid contrast
Foreground Background Sample Ratio Distance
  • hsl(191, 8%, 66%)
  • rgb(161, 173, 176)
  • #A1ADB0
  • 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.30269

New contrast : 48 results (372 colors tested)

Valid contrasts
Foreground Background Sample Ratio Distance
  • hsl(200, 4%, 37%)
  • rgb(92, 98, 101)
  • #5C6265
  • 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.

6.19459 105.44
  • hsl(191, 11%, 44%)
  • rgb(101, 121, 126)
  • #65797E
  • 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.5756 78.38
  • hsl(194, 17%, 42%)
  • rgb(89, 117, 126)
  • #59757E
  • 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.91739 87.67
  • hsl(193, 24%, 39%)
  • rgb(76, 115, 126)
  • #4C737E
  • 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.

5.17131 97.76
  • hsl(194, 33%, 37%)
  • rgb(63, 111, 126)
  • #3F6F7E
  • 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.

5.54617 109.27
  • hsl(193, 42%, 34%)
  • rgb(51, 109, 126)
  • #336D7E
  • 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.

5.78594 119.77
  • hsl(193, 54%, 38%)
  • rgb(45, 127, 151)
  • #2D7F97
  • 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.57098 118.73
  • hsl(193, 66%, 35%)
  • rgb(30, 124, 151)
  • #1E7C97
  • 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.7889 133.54
  • hsl(193, 81%, 32%)
  • rgb(15, 121, 151)
  • #0F7997
  • 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.99746 148.4
  • hsl(153, 4%, 37%)
  • rgb(92, 101, 97)
  • #5C6561
  • 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.

6.01866 106.11
  • hsl(155, 10%, 35%)
  • rgb(81, 101, 93)
  • #51655D
  • 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.

6.23256 113.37
  • hsl(155, 17%, 42%)
  • rgb(89, 126, 111)
  • #597E6F
  • 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.52718 90.92
  • hsl(155, 24%, 39%)
  • rgb(76, 126, 106)
  • #4C7E6A
  • 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.66691 101.99
  • hsl(156, 33%, 37%)
  • rgb(63, 126, 101)
  • #3F7E65
  • 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.79057 113.62
  • hsl(155, 42%, 34%)
  • rgb(51, 126, 96)
  • #337E60
  • 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.89053 124.87
  • hsl(156, 54%, 31%)
  • rgb(37, 126, 91)
  • #257E5B
  • 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.9833 137.94
  • hsl(156, 66%, 29%)
  • rgb(25, 126, 86)
  • #197E56
  • 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.

5.04801 149.6
  • hsl(156, 82%, 27%)
  • rgb(12, 126, 81)
  • #0C7E51
  • 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.

5.09858 162.22
  • hsl(120, 4%, 37%)
  • rgb(92, 101, 92)
  • #5C655C
  • 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.

6.05 108.98
  • hsl(120, 10%, 35%)
  • rgb(81, 101, 81)
  • #516551
  • 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.

6.30601 120.34
  • hsl(120, 17%, 42%)
  • rgb(89, 126, 89)
  • #597E59
  • 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.61197 104.33
  • hsl(120, 24%, 39%)
  • rgb(76, 126, 76)
  • #4C7E4C
  • 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.77707 119.77
  • hsl(120, 33%, 37%)
  • rgb(63, 126, 63)
  • #3F7E3F
  • 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.92095 135.5
  • hsl(120, 42%, 34%)
  • rgb(51, 126, 51)
  • #337E33
  • 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.

5.03246 150.19
  • hsl(120, 54%, 31%)
  • rgb(37, 126, 37)
  • #257E25
  • 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.

5.13483 167.46
  • hsl(120, 66%, 29%)
  • rgb(25, 126, 25)
  • #197E19
  • 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.

5.19839 182.34
  • hsl(120, 82%, 27%)
  • rgb(12, 126, 12)
  • #0C7E0C
  • 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.

5.24307 198.51
  • hsl(234, 4%, 47%)
  • rgb(115, 116, 126)
  • #73747E
  • 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.6374 74.14
  • hsl(228, 11%, 44%)
  • rgb(101, 106, 126)
  • #656A7E
  • 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.

5.36231 86.26
  • hsl(227, 17%, 50%)
  • rgb(107, 116, 151)
  • #6B7497
  • 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.595 71.02
  • hsl(227, 24%, 47%)
  • rgb(91, 104, 151)
  • #5B6897
  • 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.

5.42379 88.24
  • hsl(226, 35%, 51%)
  • rgb(89, 108, 176)
  • #596CB0
  • 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.

5.00392 86.53
  • hsl(261, 4%, 47%)
  • rgb(119, 115, 126)
  • #77737E
  • 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.62764 73.32
  • hsl(264, 11%, 44%)
  • rgb(111, 101, 126)
  • #6F657E
  • 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.

5.47068 85.42
  • hsl(263, 17%, 50%)
  • rgb(124, 107, 151)
  • #7C6B97
  • 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.76518 70.73
  • hsl(264, 24%, 47%)
  • rgb(115, 91, 151)
  • #735B97
  • 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.

5.71853 87.26
  • hsl(263, 35%, 51%)
  • rgb(123, 89, 176)
  • #7B59B0
  • 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.

5.3873 86.52
  • hsl(300, 4%, 47%)
  • rgb(126, 115, 126)
  • #7E737E
  • 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.52519 71.33
  • hsl(300, 11%, 44%)
  • rgb(126, 101, 126)
  • #7E657E
  • 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.

5.18535 81.49
  • hsl(300, 17%, 42%)
  • rgb(126, 89, 126)
  • #7E597E
  • 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.

5.80536 91.28
  • hsl(300, 24%, 47%)
  • rgb(151, 91, 151)
  • #975B97
  • 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.93054 82.82
  • hsl(300, 33%, 44%)
  • rgb(151, 76, 151)
  • #974C97
  • 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.

5.53139 97.59
  • hsl(300, 42%, 48%)
  • rgb(176, 71, 176)
  • #B047B0
  • 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.80084 101.89
  • hsl(338, 4%, 47%)
  • rgb(126, 115, 119)
  • #7E7377
  • 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.55947 75.08
  • hsl(336, 11%, 44%)
  • rgb(126, 101, 111)
  • #7E656F
  • 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.

5.27885 88.4
  • hsl(337, 17%, 42%)
  • rgb(126, 89, 103)
  • #7E5967
  • 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.

5.97962 100.81
  • hsl(336, 24%, 47%)
  • rgb(151, 91, 115)
  • #975B73
  • 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.

5.1726 92.03
  • hsl(336, 35%, 51%)
  • rgb(176, 89, 123)
  • #B0597B
  • 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.60427 90.38
Not satisfied?