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: 5.1

Old contrast

Invalid contrast
Foreground Background Sample Ratio Distance
  • hsl(119, 29%, 54%)
  • rgb(106, 173, 105)
  • #6AAD69
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

5.09708

New contrast : 41 results (540 colors tested)

Valid contrasts
Foreground Background Sample Ratio Distance
  • hsl(118, 60%, 70%)
  • rgb(138, 225, 135)
  • #8AE187
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.63258 58.52
  • hsl(119, 52%, 75%)
  • rgb(159, 225, 158)
  • #9FE19E
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.98401 75.96
  • hsl(117, 26%, 70%)
  • rgb(161, 199, 159)
  • #A1C79F
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.31475 69.89
  • hsl(117, 15%, 74%)
  • rgb(180, 199, 179)
  • #B4C7B3
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.69113 93.9
  • hsl(119, 64%, 66%)
  • rgb(115, 225, 114)
  • #73E172
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.3327 52.18
  • hsl(118, 69%, 61%)
  • rgb(94, 225, 91)
  • #5EE15B
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.10712 51.44
  • hsl(119, 72%, 57%)
  • rgb(71, 225, 70)
  • #47E146
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.93013 38.0
  • hsl(118, 74%, 53%)
  • rgb(50, 225, 47)
  • #32E12F
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.81263 61.28
  • hsl(119, 79%, 49%)
  • rgb(27, 225, 26)
  • #1BE11A
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.73732 94.56
  • hsl(119, 97%, 44%)
  • rgb(6, 225, 3)
  • #06E103
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.70302 124.3
  • hsl(82, 41%, 62%)
  • rgb(169, 199, 120)
  • #A9C778
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.27693 64.71
  • hsl(82, 34%, 66%)
  • rgb(177, 199, 140)
  • #B1C78C
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.46651 74.79
  • hsl(82, 26%, 70%)
  • rgb(184, 199, 159)
  • #B8C79F
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.65654 86.61
  • hsl(80, 15%, 74%)
  • rgb(192, 199, 179)
  • #C0C7B3
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.88773 101.92
  • hsl(83, 46%, 58%)
  • rgb(161, 199, 101)
  • #A1C765
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.11024 56.87
  • hsl(83, 69%, 61%)
  • rgb(173, 225, 91)
  • #ADE15B
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.95786 75.98
  • hsl(83, 72%, 57%)
  • rgb(164, 225, 70)
  • #A4E146
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.7872 66.41
  • hsl(83, 74%, 53%)
  • rgb(155, 225, 47)
  • #9BE12F
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.63536 39.82
  • hsl(83, 79%, 49%)
  • rgb(146, 225, 26)
  • #92E11A
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.50611 66.07
  • hsl(84, 97%, 44%)
  • rgb(135, 225, 3)
  • #87E103
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.37164 96.41
  • hsl(154, 60%, 70%)
  • rgb(135, 225, 187)
  • #87E1BB
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.84004 89.48
  • hsl(154, 34%, 66%)
  • rgb(140, 199, 174)
  • #8CC7AE
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.12526 72.77
  • hsl(154, 26%, 70%)
  • rgb(159, 199, 182)
  • #9FC7B6
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.40213 85.41
  • hsl(153, 15%, 74%)
  • rgb(179, 199, 190)
  • #B3C7BE
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.73605 100.69
  • hsl(154, 64%, 66%)
  • rgb(114, 225, 178)
  • #72E1B2
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.58539 80.93
  • hsl(154, 69%, 61%)
  • rgb(91, 225, 169)
  • #5BE1A9
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.36265 73.64
  • hsl(154, 72%, 57%)
  • rgb(70, 225, 160)
  • #46E1A0
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.19935 63.85
  • hsl(155, 74%, 53%)
  • rgb(47, 225, 151)
  • #2FE197
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.06837 31.93
  • hsl(154, 79%, 49%)
  • rgb(26, 225, 142)
  • #1AE18E
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.98125 68.45
  • hsl(155, 97%, 44%)
  • rgb(3, 225, 133)
  • #03E185
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.92111 97.62
  • hsl(31, 85%, 66%)
  • rgb(243, 173, 96)
  • #F3AD60
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.16555 136.99
  • hsl(191, 60%, 70%)
  • rgb(135, 208, 225)
  • #87D0E1
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.93885 121.54
  • hsl(192, 52%, 75%)
  • rgb(158, 211, 225)
  • #9ED3E1
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.40904 124.36
  • hsl(194, 43%, 79%)
  • rgb(179, 214, 225)
  • #B3D6E1
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.90856 129.78
  • hsl(191, 15%, 74%)
  • rgb(179, 195, 199)
  • #B3C3C7
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.55152 107.15
  • hsl(191, 64%, 66%)
  • rgb(114, 203, 225)
  • #72CBE1
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.41917 120.63
  • hsl(191, 69%, 61%)
  • rgb(91, 200, 225)
  • #5BC8E1
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.05864 120.38
  • hsl(191, 95%, 64%)
  • rgb(78, 217, 251)
  • #4ED9FB
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

8.26734 146.98
  • hsl(191, 96%, 59%)
  • rgb(52, 214, 251)
  • #34D6FB
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.95054 144.6
  • hsl(191, 96%, 54%)
  • rgb(29, 208, 251)
  • #1DD0FB
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.49928 139.22
  • hsl(191, 97%, 49%)
  • rgb(3, 205, 251)
  • #03CDFB
  • hsl(208, 52%, 18%)
  • rgb(22, 47, 70)
  • #162F46

Title big size with words in bold

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

7.27812 127.08
Not satisfied?