Nächste benannte Farbe · #D3ECDD
#D3ECDD
Nächste benannte Farbe: Splashdown
#D3ECDD (rgb(211 236 221), hsl(144 40% 88%), oklch(0.921 0.033 159.4)) liegt am nächsten an der benannten Farbe Splashdown. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D3ECDD
oklch(0.921 0.033 159.4)
Farbumrechnungen
- HEX
- #d3ecdd
- RGB
- rgb(211 236 221)
- HSL
- hsl(144 40% 88%)
- HWB
- hwb(144 83% 7%)
- OKLCH
- oklch(0.921 0.033 159.4)
- OKLab
- oklab(0.921 -0.031 0.012)
- CIE Lab
- lab(91.24 -10.62 4.36)
- LCH
- lch(91.24 11.48 157.7)
- CMYK
- cmyk(11% 0% 6% 7%)
Tints · Shades · Tones
Tints
- D7EEE0
- DCF0E4
- E0F2E7
- E5F4EB
- E9F6EE
- EDF7F1
- F2F9F5
- F6FBF8
- FBFDFC
Shades
- B7CDC0
- 9CAFA4
- 829288
- 69766E
- 515B55
- 3A423D
- 242926
- 101311
- 020302
Tones
- CAE1D3
- C2D5CA
- B9CAC0
- B1BFB7
- A9B5AD
- A0AAA4
- 989F9B
- 909592
- 888A89
Farbharmonien
Komplementär +180°
- D3ECDD
Splashdown
- F5DDEC
≈ Ranunculus White
Analog -30° +30°
- D3ECDD
Splashdown
- DEEAD3
≈ Mediterranean Green
- CDECE9
≈ Icy Blue
Triadisch +120° +240°
- D3ECDD
Splashdown
- E0E3FB
≈ Lavender Mist
- FADED5
≈ Peony Prize
Geteilt komplementär +150° +210°
- D3ECDD
Splashdown
- EBDFF6
≈ Divine Dove
- FADCE0
≈ Carousel Pink
Tetradisch +90° +180° +270°
- D3ECDD
Splashdown
- D5E7FB
≈ Cloudless
- F5DDEC
≈ Ranunculus White
- F4E1CE
≈ Fondant
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.24:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.81:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--splashdown: #d3ecdd;
--splashdown-rgb: 211 236 221;
--splashdown-oklch: oklch(0.921 0.033 159.4);
}
.element {
color: var(--splashdown);
background-color: hsl(144 40% 88%);
border-color: oklch(0.921 0.033 159.4);
}Tailwind CSS v4
@theme {
--color-splashdown: #d3ecdd;
--color-splashdown-50: #edf8f2;
--color-splashdown-100: #dfebe4;
--color-splashdown-200: #c9d9d0;
--color-splashdown-300: #a9bdb2;
--color-splashdown-400: #8ea597;
--color-splashdown-500: #748d7e;
--color-splashdown-600: #62786b;
--color-splashdown-700: #4e6056;
--color-splashdown-800: #39463e;
--color-splashdown-900: #27302b;
--color-splashdown-950: #151d18;
}SCSS
$splashdown: #d3ecdd;
$splashdown-rgb: 211, 236, 221;
$splashdown-light: mix(#fff, $splashdown, 20%);
$splashdown-dark: mix(#000, $splashdown, 20%);
.element {
color: $splashdown;
box-shadow: 0 0 0 2px rgba($splashdown, 0.35);
}