Teal
Blue Picked from an image · added 3 hours ago
- HEX
- #1C5A75
- RGB
- rgb(28, 90, 117)
- HSL
- hsl(198, 61%, 28%)
- HSB
- hsb(198, 76%, 46%)
- CMYK
- cmyk(76%, 23%, 0%, 54%)
- CSS var
- --teal: #1C5A75;
Red
28
Green
90
Blue
117
Contrast
WCAG 2 ratios. Large text is 24px, or 18.66px bold, and up.
Aa White text
Aa On white
7.58:1
with white
- AA · normal text 4.5:1 Pass
- AA · large text 3:1 Pass
- AAA · normal text 7:1 Pass
- AAA · large text 4.5:1 Pass
- Graphics & UI 3:1 Pass
Aa Black text
Aa On black
2.76:1
with black
- AA · normal text 4.5:1 Fail
- AA · large text 3:1 Fail
- AAA · normal text 7:1 Fail
- AAA · large text 4.5:1 Fail
- Graphics & UI 3:1 Fail
Check against another colour
Aa Text on Teal
Aa Teal as text
7.58:1
- AA · normal text 4.5:1 Pass
- AA · large text 3:1 Pass
- AAA · normal text 7:1 Pass
- AAA · large text 4.5:1 Pass
- Graphics & UI 3:1 Pass
Readable pairings
Your saved colours with the most contrast against Teal.
- #FEFFFF #FEFFFF · 7.57:1 AAA
- #FDFCFE #FDFCFE · 7.41:1 AAA
- #FCFCFC #FCFCFC · 7.39:1 AAA
- #FAFBF9 #FAFBF9 · 7.30:1 AAA
- #FBFE65 #FBFE65 · 7.03:1 AAA
- Very light door pink #FFF3F3 · 6.99:1 AA
- #E9F4F7 #E9F4F7 · 6.77:1 AA
- #F2EEED #F2EEED · 6.58:1 AA
- #E6EAF8 #E6EAF8 · 6.31:1 AA
- #E9E9E9 #E9E9E9 · 6.24:1 AA
- Light sky blue #B7F3FE · 6.23:1 AA
- Pastel suffolk pink #F3E5D9 · 6.14:1 AA
- Light golden daffodil #FEE558 · 5.98:1 AA
- #EFE1B1 #EFE1B1 · 5.80:1 AA
- #FAD7D8 #FAD7D8 · 5.69:1 AA
- #D6D9D6 #D6D9D6 · 5.32:1 AA
- #D8D7D6 #D8D7D6 · 5.27:1 AA
- #CBDCC4 #CBDCC4 · 5.26:1 AA
- Muted sky blue #C7D9EB · 5.25:1 AA
- Light lilac #DBD3E8 · 5.23:1 AA
- #CBD5F9 #CBD5F9 · 5.20:1 AA
- #E5CAD6 #E5CAD6 · 4.96:1 AA
- #DCD1A3 #DCD1A3 · 4.94:1 AA
- #DAD09D #DAD09D · 4.87:1 AA
- #BBD6B9 #BBD6B9 · 4.85:1 AA
- #FCC459 #FCC459 · 4.76:1 AA
- #C6CACB #C6CACB · 4.59:1 AA
- Duck Egg Blue #B4CDC7 · 4.51:1 AA
- Muted sky blue #A8C9F5 · 4.45:1 AA large
- #ACCAD2 #ACCAD2 · 4.38:1 AA large
- Suffolk pink #E8B5BA · 4.24:1 AA large
- #FEA7B7 #FEA7B7 · 4.12:1 AA large
- #C6B9D7 #C6B9D7 · 4.08:1 AA large
- #CBBCA9 #CBBCA9 · 4.08:1 AA large
- #C6B9C9 #C6B9C9 · 4.03:1 AA large
- Golden daffodil #E7B608 · 4.00:1 AA large
- #E7B607 #E7B607 · 4.00:1 AA large
- #D8B837 #D8B837 · 3.91:1 AA large
- Sky blue #65C4F6 · 3.89:1 AA large
- #E7A9B6 #E7A9B6 · 3.88:1 AA large
- #AABEB2 #AABEB2 · 3.87:1 AA large
- #F8A837 #F8A837 · 3.84:1 AA large
- #C8B877 #C8B877 · 3.82:1 AA large
- Lilac #ACB3D5 · 3.67:1 AA large
- #B8B4AB #B8B4AB · 3.66:1 AA large
- #AAB5C8 #AAB5C8 · 3.66:1 AA large
- #A9B6B6 #A9B6B6 · 3.63:1 AA large
- #D5AA71 #D5AA71 · 3.54:1 AA large
- #C8A9B6 #C8A9B6 · 3.54:1 AA large
- #86B9BC #86B9BC · 3.49:1 AA large
- #F7980A #F7980A · 3.41:1 AA large
- #78B4C4 #78B4C4 · 3.29:1 AA large
- #FC8898 #FC8898 · 3.29:1 AA large
- #B8A699 #B8A699 · 3.23:1 AA large
- #FF8A20 #FF8A20 · 3.21:1 AA large
- Dark suffolk pink #D99799 · 3.19:1 AA large
- #75ABE8 #75ABE8 · 3.15:1 AA large
- #A6A879 #A6A879 · 3.06:1 AA large
- #98A897 #98A897 · 3.02:1 AA large
None of your other saved colours reach 3:1 against Teal yet.
Font previews
Results are for the heading at the chosen size and weight: large text (24px, or 18.66px bold) needs 3:1 for AA, other text 4.5:1.
The quick brown fox
Jumps over the lazy dog, sphinx of black quartz, judge my vow.
The quick brown fox
Jumps over the lazy dog, sphinx of black quartz, judge my vow.
The quick brown fox
Jumps over the lazy dog, sphinx of black quartz, judge my vow.
The quick brown fox
Jumps over the lazy dog, sphinx of black quartz, judge my vow.
The quick brown fox
Jumps over the lazy dog, sphinx of black quartz, judge my vow.
The quick brown fox
Jumps over the lazy dog, sphinx of black quartz, judge my vow.
Source image
