Named color · #D2EAD5
Venetian Pearl
Venetian Pearl is #D2EAD5: rgb(210 234 213), hsl(128 36% 87%), oklch(0.914 0.038 148.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Venetian Pearl color name →
#D2EAD5
oklch(0.914 0.038 148.9)
Color conversions
- HEX
- #d2ead5
- RGB
- rgb(210 234 213)
- HSL
- hsl(128 36% 87%)
- HWB
- hwb(128 82% 8%)
- OKLCH
- oklch(0.914 0.038 148.9)
- OKLab
- oklab(0.914 -0.032 0.02)
- CIE Lab
- lab(90.49 -11.1 7.42)
- LCH
- lch(90.49 13.35 146.2)
- CMYK
- cmyk(10% 0% 9% 8%)
Tints · Shades · Tones
Tints
- D7ECD9
- DBEEDD
- DFF0E2
- E4F2E6
- E8F5EA
- EDF7EE
- F1F9F2
- F6FBF7
- FAFDFB
Shades
- B6CBB9
- 9BAE9E
- 819183
- 68756A
- 505A51
- 39413A
- 242924
- 101310
- 020302
Tones
- CADFCC
- C1D4C3
- B9C9BB
- B0BEB2
- A8B4AA
- A0A9A1
- 989F99
- 909490
- 888A88
Color harmonies
Complementary +180°
- D2EAD5
Venetian Pearl
- F1DAEF
≈ Grape Taffy
Analogous -30° +30°
- D2EAD5
Venetian Pearl
- DFE7CB
≈ Breath of Celery
- C9EBE3
≈ Spearmint Leaf
Triadic +120° +240°
- D2EAD5
Venetian Pearl
- D8E2FD
≈ Stoic White
- FBDAD4
≈ Pink Lotus
Split-complementary +150° +210°
- D2EAD5
Venetian Pearl
- E5DDF9
≈ Stoic White
- F9D9E2
≈ Pink Ribbon
Tetradic +90° +180° +270°
- D2EAD5
Venetian Pearl
- CCE7F9
≈ Icy Landscape
- F1DAEF
≈ Grape Taffy
- F7DDCA
≈ Pecan Sandie
Contrast & accessibility
Ag
FailOn white
WCAG 1.27:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.47:1 · APCA Lc 90
Best text color: #000000
WCAG 16.47:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--venetian-pearl: #d2ead5;
--venetian-pearl-rgb: 210 234 213;
--venetian-pearl-oklch: oklch(0.914 0.038 148.9);
}
.element {
color: var(--venetian-pearl);
background-color: hsl(128 36% 87%);
border-color: oklch(0.914 0.038 148.9);
}Tailwind CSS v4
@theme {
--color-venetian-pearl: #d2ead5;
--color-venetian-pearl-50: #eef8f0;
--color-venetian-pearl-100: #dfece1;
--color-venetian-pearl-200: #c9d9cc;
--color-venetian-pearl-300: #aabdae;
--color-venetian-pearl-400: #90a592;
--color-venetian-pearl-500: #758e79;
--color-venetian-pearl-600: #637866;
--color-venetian-pearl-700: #4f6052;
--color-venetian-pearl-800: #3a463b;
--color-venetian-pearl-900: #283128;
--color-venetian-pearl-950: #161d16;
}SCSS
$venetian-pearl: #d2ead5;
$venetian-pearl-rgb: 210, 234, 213;
$venetian-pearl-light: mix(#fff, $venetian-pearl, 20%);
$venetian-pearl-dark: mix(#000, $venetian-pearl, 20%);
.element {
color: $venetian-pearl;
box-shadow: 0 0 0 2px rgba($venetian-pearl, 0.35);
}