#275A67

Cyan Picked from an image · added 3 hours ago

Make gradient Edit

Classy Crew Clothing

HEX: #275A67
RGB: rgb(39, 90, 103)
HSL: hsl(192, 45%, 28%)
HSB: hsb(192, 62%, 40%)
CMYK: cmyk(62%, 13%, 0%, 60%)
CSS var: --colour: #275A67;

Red 39

Green 90

Blue 103

Contrast

WCAG 2 ratios. Large text is 24px, or 18.66px bold, and up.

Aa White text

Aa On white

7.65: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.74: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 #275A67

Aa #275A67 as text

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

Minimum

Your saved colours with the most contrast against #275A67.

#FEFFFF #FEFFFF · 7.63:1 AAA
#FDFCFE #FDFCFE · 7.48:1 AAA
#FCFCFC #FCFCFC · 7.45:1 AAA
#FAFBF9 #FAFBF9 · 7.37:1 AAA
#FBFE65 #FBFE65 · 7.09:1 AAA
Very light door pink #FFF3F3 · 7.05:1 AAA
#E9F4F7 #E9F4F7 · 6.83:1 AA
#F2EEED #F2EEED · 6.64:1 AA
#E6EAF8 #E6EAF8 · 6.37:1 AA
#E9E9E9 #E9E9E9 · 6.30:1 AA
Light sky blue #B7F3FE · 6.29:1 AA
Pastel suffolk pink #F3E5D9 · 6.20:1 AA
Light golden daffodil #FEE558 · 6.03:1 AA
#EFE1B1 #EFE1B1 · 5.85:1 AA
#FAD7D8 #FAD7D8 · 5.74:1 AA
#D6D9D6 #D6D9D6 · 5.37:1 AA
#D8D7D6 #D8D7D6 · 5.32:1 AA
#CBDCC4 #CBDCC4 · 5.30:1 AA
Muted sky blue #C7D9EB · 5.30:1 AA
Light lilac #DBD3E8 · 5.28:1 AA
#CBD5F9 #CBD5F9 · 5.25:1 AA
#E5CAD6 #E5CAD6 · 5.01:1 AA
#DCD1A3 #DCD1A3 · 4.98:1 AA
#DAD09D #DAD09D · 4.91:1 AA
#BBD6B9 #BBD6B9 · 4.89:1 AA
#FCC459 #FCC459 · 4.80:1 AA
#C6CACB #C6CACB · 4.63:1 AA
Duck Egg Blue #B4CDC7 · 4.55:1 AA
Muted sky blue #A8C9F5 · 4.49:1 AA large
#ACCAD2 #ACCAD2 · 4.42:1 AA large
Suffolk pink #E8B5BA · 4.28:1 AA large
#FEA7B7 #FEA7B7 · 4.16:1 AA large
#C6B9D7 #C6B9D7 · 4.12:1 AA large
#CBBCA9 #CBBCA9 · 4.11:1 AA large
#C6B9C9 #C6B9C9 · 4.07:1 AA large
Golden daffodil #E7B608 · 4.04:1 AA large
#E7B607 #E7B607 · 4.04:1 AA large
#D8B837 #D8B837 · 3.94:1 AA large
Sky blue #65C4F6 · 3.92:1 AA large
#E7A9B6 #E7A9B6 · 3.91:1 AA large
#AABEB2 #AABEB2 · 3.90:1 AA large
#F8A837 #F8A837 · 3.87:1 AA large
#C8B877 #C8B877 · 3.85:1 AA large
Lilac #ACB3D5 · 3.70:1 AA large
#B8B4AB #B8B4AB · 3.69:1 AA large
#AAB5C8 #AAB5C8 · 3.69:1 AA large
#A9B6B6 #A9B6B6 · 3.66:1 AA large
#D5AA71 #D5AA71 · 3.57:1 AA large
#C8A9B6 #C8A9B6 · 3.57:1 AA large
#86B9BC #86B9BC · 3.52:1 AA large
#F7980A #F7980A · 3.44:1 AA large
#78B4C4 #78B4C4 · 3.32:1 AA large
#FC8898 #FC8898 · 3.32:1 AA large
#B8A699 #B8A699 · 3.26:1 AA large
#FF8A20 #FF8A20 · 3.24:1 AA large
Dark suffolk pink #D99799 · 3.21:1 AA large
#75ABE8 #75ABE8 · 3.18:1 AA large
#A6A879 #A6A879 · 3.09:1 AA large
#98A897 #98A897 · 3.05:1 AA large
#79A7D5 #79A7D5 · 3.02:1 AA large

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.

Font Weight Size 32px Third colour