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

Old contrast

Invalid contrast
Foreground Background Sample Ratio Distance
  • hsl(262, 95%, 75%)
  • rgb(179, 134, 252)
  • #B386FC
  • 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.71583

New contrast : 46 results (336 colors tested)

Valid contrasts
Foreground Background Sample Ratio Distance
  • hsl(262, 35%, 52%)
  • rgb(125, 93, 177)
  • #7D5DB1
  • 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.15641 86.55
  • hsl(262, 23%, 48%)
  • rgb(116, 95, 152)
  • #745F98
  • 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.4789 109.4
  • hsl(262, 16%, 51%)
  • rgb(126, 110, 152)
  • #7E6E98
  • 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.59429 105.15
  • hsl(260, 9%, 45%)
  • rgb(112, 104, 127)
  • #70687F
  • 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.28231 131.63
  • hsl(264, 4%, 47%)
  • rgb(121, 117, 127)
  • #79757F
  • 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.50261 129.13
  • hsl(262, 52%, 56%)
  • rgb(130, 87, 202)
  • #8257CA
  • 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.04166 70.24
  • hsl(262, 73%, 59%)
  • rgb(132, 75, 227)
  • #844BE3
  • 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.12602 68.74
  • hsl(262, 96%, 60%)
  • rgb(131, 59, 252)
  • #833BFC
  • 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.25486 81.05
  • hsl(226, 35%, 52%)
  • rgb(93, 112, 177)
  • #5D70B1
  • 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.75332 102.24
  • hsl(226, 23%, 48%)
  • rgb(95, 108, 152)
  • #5F6C98
  • 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.14075 117.21
  • hsl(226, 15%, 42%)
  • rgb(92, 100, 127)
  • #5C647F
  • 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.85873 138.4
  • hsl(226, 9%, 45%)
  • rgb(104, 109, 127)
  • #686D7F
  • 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.14387 133.71
  • hsl(234, 4%, 47%)
  • rgb(117, 118, 127)
  • #75767F
  • 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.51204 129.97
  • hsl(226, 52%, 56%)
  • rgb(87, 112, 202)
  • #5770CA
  • 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.58939 97.06
  • hsl(226, 73%, 59%)
  • rgb(75, 108, 227)
  • #4B6CE3
  • 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.61193 105.01
  • hsl(227, 96%, 60%)
  • rgb(59, 100, 252)
  • #3B64FC
  • 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.75707 120.9
  • hsl(191, 30%, 38%)
  • rgb(67, 116, 127)
  • #43747F
  • 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.19381 149.84
  • hsl(192, 23%, 40%)
  • rgb(79, 117, 127)
  • #4F757F
  • 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.0198 143.55
  • hsl(191, 15%, 42%)
  • rgb(92, 120, 127)
  • #5C787F
  • 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.7211 137.76
  • hsl(192, 10%, 36%)
  • rgb(83, 98, 102)
  • #536266
  • 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.35068 162.69
  • hsl(202, 4%, 38%)
  • rgb(94, 99, 102)
  • #5E6366
  • 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.08249 159.16
  • hsl(192, 40%, 35%)
  • rgb(54, 112, 127)
  • #36707F
  • 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.55411 157.63
  • hsl(190, 50%, 33%)
  • rgb(42, 112, 127)
  • #2A707F
  • 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.64125 165.52
  • hsl(191, 62%, 30%)
  • rgb(29, 109, 127)
  • #1D6D7F
  • 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.9219 174.83
  • hsl(190, 75%, 33%)
  • rgb(21, 128, 152)
  • #158098
  • 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.59222 170.36
  • hsl(190, 93%, 30%)
  • rgb(5, 127, 152)
  • #057F98
  • 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.67123 184.38
  • hsl(298, 31%, 45%)
  • rgb(150, 80, 152)
  • #965098
  • 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.38783 105.73
  • hsl(297, 23%, 48%)
  • rgb(150, 95, 152)
  • #965F98
  • 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.78677 102.72
  • hsl(298, 15%, 42%)
  • rgb(126, 92, 127)
  • #7E5C7F
  • 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.63843 129.59
  • hsl(297, 9%, 45%)
  • rgb(126, 104, 127)
  • #7E687F
  • 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.03149 128.64
  • hsl(300, 4%, 38%)
  • rgb(102, 94, 102)
  • #665E66
  • 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.25391 157.35
  • hsl(298, 39%, 49%)
  • rgb(175, 76, 177)
  • #AF4CB1
  • 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.67557 85.13
  • hsl(298, 50%, 46%)
  • rgb(175, 59, 177)
  • #AF3BB1
  • 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.14297 94.5
  • hsl(299, 62%, 42%)
  • rgb(175, 41, 177)
  • #AF29B1
  • 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.56316 107.04
  • hsl(299, 75%, 45%)
  • rgb(200, 28, 202)
  • #C81CCA
  • 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.69292 109.33
  • hsl(299, 93%, 40%)
  • rgb(200, 7, 202)
  • #C807CA
  • 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.83969 129.35
  • hsl(335, 31%, 45%)
  • rgb(152, 80, 110)
  • #98506E
  • 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.66389 144.87
  • hsl(335, 23%, 48%)
  • rgb(152, 95, 118)
  • #985F76
  • 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.96036 135.45
  • hsl(334, 15%, 42%)
  • rgb(127, 92, 107)
  • #7F5C6B
  • 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.76041 148.33
  • hsl(339, 9%, 45%)
  • rgb(127, 104, 112)
  • #7F6870
  • 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.10142 142.79
  • hsl(330, 4%, 38%)
  • rgb(102, 94, 98)
  • #665E62
  • 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.2829 160.99
  • hsl(335, 39%, 49%)
  • rgb(177, 76, 117)
  • #B14C75
  • 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.04799 138.48
  • hsl(335, 56%, 52%)
  • rgb(202, 67, 122)
  • #CA437A
  • 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.56998 135.46
  • hsl(335, 62%, 48%)
  • rgb(202, 47, 110)
  • #CA2F6E
  • 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.0687 151.97
  • hsl(335, 75%, 45%)
  • rgb(202, 28, 99)
  • #CA1C63
  • 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.44382 168.22
  • hsl(335, 93%, 46%)
  • rgb(227, 8, 97)
  • #E30861
  • 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.69428 177.73
Not satisfied?