Benannte Farbe · #CEE9A0
Crystal Apple
Crystal Apple ist #CEE9A0: rgb(206 233 160), hsl(82 62% 77%), oklch(0.897 0.099 124.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Crystal Apple color name →
#CEE9A0
oklch(0.897 0.099 124.8)
Farbumrechnungen
- HEX
- #cee9a0
- RGB
- rgb(206 233 160)
- HSL
- hsl(82 62% 77%)
- HWB
- hwb(82 63% 9%)
- OKLCH
- oklch(0.897 0.099 124.8)
- OKLab
- oklab(0.897 -0.057 0.082)
- CIE Lab
- lab(89.05 -18.21 32.48)
- LCH
- lch(89.05 37.24 119.3)
- CMYK
- cmyk(12% 0% 31% 9%)
Tints · Shades · Tones
Tints
- D3EBAA
- D8EEB4
- DCF0BD
- E1F2C7
- E6F4D0
- EBF7DA
- F0F9E3
- F5FBEC
- FAFDF6
Shades
- B3CB8B
- 98AD76
- 7F9061
- 66744E
- 4E5A3B
- 384129
- 232919
- 0F1309
- 020301
Tones
- C6DE9D
- BED39A
- B6C997
- AEBE94
- A6B391
- 9EA98E
- 979F8B
- 8F9487
- 878A84
Farbharmonien
Komplementär +180°
- CEE9A0
Crystal Apple
- E6D3FF
≈ Rose Dragée
Analog -30° +30°
- CEE9A0
Crystal Apple
- F2DD90
≈ Party Sponge Cake
- A7F1C0
≈ Ultra Mint
Triadisch +120° +240°
- CEE9A0
Crystal Apple
- C0E2FF
≈ Dithered Sky
- FFCED8
≈ Bologna Sausage
Geteilt komplementär +150° +210°
- CEE9A0
Crystal Apple
- D3DBFF
≈ Icy Plains
- FFCAF2
≈ Kissed by Mist
Tetradisch +90° +180° +270°
- CEE9A0
Crystal Apple
- 9CECFF
≈ Alpine Expedition
- E6D3FF
≈ Rose Dragée
- FFD1C5
≈ Salmon Mousse
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.78:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--crystal-apple: #cee9a0;
--crystal-apple-rgb: 206 233 160;
--crystal-apple-oklch: oklch(0.897 0.099 124.8);
}
.element {
color: var(--crystal-apple);
background-color: hsl(82 62% 77%);
border-color: oklch(0.897 0.099 124.8);
}Tailwind CSS v4
@theme {
--color-crystal-apple: #cee9a0;
--color-crystal-apple-50: #edfbdd;
--color-crystal-apple-100: #dfefcb;
--color-crystal-apple-200: #c9ddaf;
--color-crystal-apple-300: #aac18a;
--color-crystal-apple-400: #91a967;
--color-crystal-apple-500: #779143;
--color-crystal-apple-600: #657b3a;
--color-crystal-apple-700: #51622e;
--color-crystal-apple-800: #3c481f;
--color-crystal-apple-900: #293214;
--color-crystal-apple-950: #171e06;
}SCSS
$crystal-apple: #cee9a0;
$crystal-apple-rgb: 206, 233, 160;
$crystal-apple-light: mix(#fff, $crystal-apple, 20%);
$crystal-apple-dark: mix(#000, $crystal-apple, 20%);
.element {
color: $crystal-apple;
box-shadow: 0 0 0 2px rgba($crystal-apple, 0.35);
}