Light sky blue

Cyan Picked from an image · added 2 hours ago

Make gradient Edit

Autumn Nature

HEX: #B7F3FE
RGB: rgb(183, 243, 254)
HSL: hsl(189, 97%, 86%)
HSB: hsb(189, 28%, 100%)
CMYK: cmyk(28%, 4%, 0%, 0%)
CSS var: --light-sky-blue: #B7F3FE;

Red 183

Green 243

Blue 254

Contrast

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

Aa White text

Aa On white

1.21:1 with white

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

Aa Black text

Aa On black

17.26:1 with black

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

Check against another colour

Aa Text on Light sky blue

Aa Light sky blue as text

1.21:1

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

Readable pairings

Minimum

Your saved colours with the most contrast against Light sky blue.

#1B0201 #1B0201 · 16.35:1 AAA
#081719 #081719 · 15.05:1 AAA
#14151A #14151A · 14.98:1 AAA
#171618 #171618 · 14.82:1 AAA
#031927 #031927 · 14.72:1 AAA
#1B1707 #1B1707 · 14.72:1 AAA
#181914 #181914 · 14.53:1 AAA
#0C1346 #0C1346 · 14.42:1 AAA
#38070B #38070B · 14.34:1 AAA
#480202 #480202 · 13.43:1 AAA
#1C2237 #1C2237 · 12.94:1 AAA
#292B25 #292B25 · 11.77:1 AAA
#2B2B35 #2B2B35 · 11.51:1 AAA
#561528 #561528 · 11.25:1 AAA
#472A18 #472A18 · 10.70:1 AAA
#06364A #06364A · 10.56:1 AAA
#043A35 #043A35 · 10.38:1 AAA
#372968 #372968 · 10.27:1 AAA
#691427 #691427 · 9.97:1 AAA
#691525 #691525 · 9.95:1 AAA
#353A15 #353A15 · 9.76:1 AAA
#383738 #383738 · 9.74:1 AAA
#780306 #780306 · 9.51:1 AAA
Dark dahlia eye purple #68245F · 8.60:1 AAA
#79231B #79231B · 8.34:1 AAA
#384629 #384629 · 8.31:1 AAA
#880701 #880701 · 8.30:1 AAA
#36481A #36481A · 8.22:1 AAA
#394728 #394728 · 8.19:1 AAA
#782637 #782637 · 8.10:1 AAA
#752746 #752746 · 8.08:1 AAA
#484349 #484349 · 7.93:1 AAA
#374846 #374846 · 7.92:1 AAA
#464749 #464749 · 7.64:1 AAA
#454A37 #454A37 · 7.54:1 AAA
#694429 #694429 · 7.01:1 AAA
#155A53 #155A53 · 6.59:1 AA
#A70307 #A70307 · 6.49:1 AA
#98253A #98253A · 6.48:1 AA
Dark bluebell #574988 · 6.36:1 AA
#275A67 #275A67 · 6.29:1 AA
Teal #1C5A75 · 6.23:1 AA
Dark Notting Hill Purple #79436F · 6.06:1 AA
#535A29 #535A29 · 6.03:1 AA
Dark Notting Hill Purple #784668 · 6.00:1 AA
#A73737 #A73737 · 5.32:1 AA
#675C64 #675C64 · 5.24:1 AA
Also Dark Notting Hill Blue #0064A4 · 5.13:1 AA
#386967 #386967 · 5.10:1 AA
#376A64 #376A64 · 5.06:1 AA
#556839 #556839 · 5.04:1 AA
Dark lime green #566839 · 5.02:1 AA
#486978 #486978 · 4.83:1 AA
#A74817 #A74817 · 4.81:1 AA
#AB4335 #AB4335 · 4.81:1 AA
#68665A #68665A · 4.74:1 AA
#486B77 #486B77 · 4.73:1 AA
#3767A8 #3767A8 · 4.70:1 AA
#646768 #646768 · 4.68:1 AA
#96555A #96555A · 4.61:1 AA
#C82802 #C82802 · 4.59:1 AA
Salmon red #BB3B53 · 4.46:1 AA large
#676977 #676977 · 4.46:1 AA large
#D70205 #D70205 · 4.42:1 AA large
#487738 #487738 · 4.34:1 AA large
#2C6BCA #2C6BCA · 4.24:1 AA large
#A75A17 #A75A17 · 4.19:1 AA large
#3A7786 #3A7786 · 4.14:1 AA large
#6A7546 #6A7546 · 4.06:1 AA large
#7766A8 #7766A8 · 4.06:1 AA large
#3A75A7 #3A75A7 · 4.03:1 AA large
#6B7645 #6B7645 · 4.01:1 AA large
#657584 #657584 · 3.89:1 AA large
Very Dark Notting Hill Blue #3B76B7 · 3.87:1 AA large
#986957 #986957 · 3.84:1 AA large
Dark Notting Hill Pink #8C67A0 · 3.78:1 AA large
#A7663A #A7663A · 3.74:1 AA large
#3676D4 #3676D4 · 3.67:1 AA large
#777877 #777877 · 3.64:1 AA large
#777978 #777978 · 3.60:1 AA large
#9968A7 #9968A7 · 3.52:1 AA large
#647E8B #647E8B · 3.52:1 AA large
Very dark lilac #747B9B · 3.41:1 AA large
#9B7558 #9B7558 · 3.39:1 AA large
#678857 #678857 · 3.29:1 AA large
#B76977 #B76977 · 3.25:1 AA large
#568989 #568989 · 3.23:1 AA large
#D65859 #D65859 · 3.19:1 AA large
#588997 #588997 · 3.17:1 AA large
#6A8694 #6A8694 · 3.16:1 AA large
#A57C63 #A57C63 · 3.04:1 AA large
#E65703 #E65703 · 3.01:1 AA large
#588AB8 #588AB8 · 3.00: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