Colour Storer

← All colours

Sky blue

Blue Picked from an image · added 2 hours ago

Make gradient Edit
Landscape Nature Summer
HEX
#65C4F6
RGB
rgb(101, 196, 246)
HSL
hsl(201, 89%, 68%)
HSB
hsb(201, 59%, 96%)
CMYK
cmyk(59%, 20%, 0%, 4%)
CSS var
--sky-blue: #65C4F6;
Red 101
Green 196
Blue 246

Contrast

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

Aa White text
Aa On white
1.94: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
10.78: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 Sky blue
Aa Sky blue as text
1.94: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

Your saved colours with the most contrast against Sky blue.

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.
White text on Sky blue
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
Sky blue on white
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
Black text on Sky blue
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
Sky blue on black
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
Third colour text on Sky blue
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
Sky blue on third colour

Source image

Image this colour was picked from