Dichtstbijzijnde benoemde kleur · #D0E8E7
#D0E8E7
Dichtstbijzijnde benoemde kleur: Teardrop
#D0E8E7 (rgb(208 232 231), hsl(178 34% 86%), oklch(0.913 0.025 193.7)) komt het dichtst bij de benoemde kleur Teardrop. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D0E8E7
oklch(0.913 0.025 193.7)
Kleurconversies
- HEX
- #d0e8e7
- RGB
- rgb(208 232 231)
- HSL
- hsl(178 34% 86%)
- HWB
- hwb(178 82% 9%)
- OKLCH
- oklch(0.913 0.025 193.7)
- OKLab
- oklab(0.913 -0.025 -0.006)
- CIE Lab
- lab(90.2 -8.34 -2.35)
- LCH
- lch(90.2 8.66 195.7)
- CMYK
- cmyk(10% 0% 0% 9%)
Tinten · Schaduwen · Tonen
Tinten
- D5EAE9
- D9EDEC
- DEEFEE
- E3F1F1
- E8F3F3
- ECF6F5
- F1F8F8
- F6FAFA
- FAFDFD
Schaduwen
- B5CAC9
- 9AACAB
- 80908F
- 677473
- 4F5959
- 394040
- 232928
- 101313
- 020303
Tonen
- C8DDDC
- C0D2D2
- B7C8C7
- AFBDBC
- A7B3B2
- 9FA8A8
- 979E9E
- 909494
- 888A8A
Kleurharmonieën
Complementair +180°
- D0E8E7
Teardrop
- F3DCDD
≈ Light Nursery
Analoog -30° +30°
- D0E8E7
Teardrop
- D4E8DE
≈ Aqua Glass
- D1E6EF
≈ Pattens Blue
Triadisch +120° +240°
- D0E8E7
Teardrop
- E8DEEF
≈ Lingering Lilac
- EDE0D0
≈ Calming Retreat
Gesplitst complementair +150° +210°
- D0E8E7
Teardrop
- EFDCE7
≈ Desert Dawn
- F2DDD5
≈ Light Fairy Pink
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.37:1 · APCA Lc 90
Beste tekstkleur: #000000
WCAG 16.37:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
CSS
:root {
--teardrop: #d0e8e7;
--teardrop-rgb: 208 232 231;
--teardrop-oklch: oklch(0.913 0.025 193.7);
}
.element {
color: var(--teardrop);
background-color: hsl(178 34% 86%);
border-color: oklch(0.913 0.025 193.7);
}Tailwind CSS v4
@theme {
--color-teardrop: #d0e8e7;
--color-teardrop-50: #edf8f7;
--color-teardrop-100: #dfebea;
--color-teardrop-200: #c9d8d8;
--color-teardrop-300: #a9bcbb;
--color-teardrop-400: #8ea3a3;
--color-teardrop-500: #738c8b;
--color-teardrop-600: #627675;
--color-teardrop-700: #4e5f5e;
--color-teardrop-800: #394544;
--color-teardrop-900: #27302f;
--color-teardrop-950: #151c1c;
}SCSS
$teardrop: #d0e8e7;
$teardrop-rgb: 208, 232, 231;
$teardrop-light: mix(#fff, $teardrop, 20%);
$teardrop-dark: mix(#000, $teardrop, 20%);
.element {
color: $teardrop;
box-shadow: 0 0 0 2px rgba($teardrop, 0.35);
}