Colour Storer

← All colours

#D68998

Red Picked from an image · added 2 hours ago

Make gradient Edit
Blossom Nature Spring
HEX
#D68998
RGB
rgb(214, 137, 152)
HSL
hsl(348, 48%, 69%)
HSB
hsb(348, 36%, 84%)
CMYK
cmyk(0%, 36%, 29%, 16%)
CSS var
--colour: #D68998;
Red 214
Green 137
Blue 152

Contrast

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

Aa White text
Aa On white
2.66: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
7.89: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 #D68998
Aa #D68998 as text
2.66: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 #D68998.

  • #1B0201 #1B0201 · 7.47:1 AAA
  • #081719 #081719 · 6.88:1 AA
  • #14151A #14151A · 6.85:1 AA
  • #171618 #171618 · 6.77:1 AA
  • #031927 #031927 · 6.73:1 AA
  • #1B1707 #1B1707 · 6.73:1 AA
  • #181914 #181914 · 6.64:1 AA
  • #0C1346 #0C1346 · 6.59:1 AA
  • #38070B #38070B · 6.55:1 AA
  • #480202 #480202 · 6.14:1 AA
  • #1C2237 #1C2237 · 5.91:1 AA
  • #292B25 #292B25 · 5.38:1 AA
  • #2B2B35 #2B2B35 · 5.26:1 AA
  • #561528 #561528 · 5.14:1 AA
  • #472A18 #472A18 · 4.89:1 AA
  • #06364A #06364A · 4.82:1 AA
  • #043A35 #043A35 · 4.74:1 AA
  • #372968 #372968 · 4.69:1 AA
  • #691427 #691427 · 4.56:1 AA
  • #691525 #691525 · 4.54:1 AA
  • #353A15 #353A15 · 4.46:1 AA large
  • #383738 #383738 · 4.45:1 AA large
  • #780306 #780306 · 4.34:1 AA large
  • Dark dahlia eye purple #68245F · 3.93:1 AA large
  • #79231B #79231B · 3.81:1 AA large
  • #384629 #384629 · 3.80:1 AA large
  • #880701 #880701 · 3.79:1 AA large
  • #36481A #36481A · 3.75:1 AA large
  • #394728 #394728 · 3.74:1 AA large
  • #782637 #782637 · 3.70:1 AA large
  • #752746 #752746 · 3.69:1 AA large
  • #484349 #484349 · 3.62:1 AA large
  • #374846 #374846 · 3.62:1 AA large
  • #464749 #464749 · 3.49:1 AA large
  • #454A37 #454A37 · 3.44:1 AA large
  • #694429 #694429 · 3.20:1 AA large
  • #155A53 #155A53 · 3.01: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.

The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
White text on #D68998
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
#D68998 on white
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
Black text on #D68998
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
#D68998 on black
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
Third colour text on #D68998
The quick brown fox Jumps over the lazy dog, sphinx of black quartz, judge my vow.
#D68998 on third colour

Source image

Image this colour was picked from