Benannte Farbe · #D9EEB4
Chicon
Chicon ist #D9EEB4: rgb(217 238 180), hsl(82 63% 82%), oklch(0.919 0.079 124.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Chicon color name →
#D9EEB4
oklch(0.919 0.079 124.1)
Farbumrechnungen
- HEX
- #d9eeb4
- RGB
- rgb(217 238 180)
- HSL
- hsl(82 63% 82%)
- HWB
- hwb(82 71% 7%)
- OKLCH
- oklch(0.919 0.079 124.1)
- OKLab
- oklab(0.919 -0.044 0.066)
- CIE Lab
- lab(91.46 -14.43 25.76)
- LCH
- lch(91.46 29.53 119.2)
- CMYK
- cmyk(9% 0% 24% 7%)
Tints · Shades · Tones
Tints
- DDF0BC
- E0F2C3
- E4F3CB
- E8F5D2
- ECF7DA
- F0F8E1
- F3FAE9
- F7FCF0
- FBFDF8
Shades
- BCCF9C
- A1B185
- 86936E
- 6C7758
- 535C44
- 3B4230
- 252A1D
- 11140C
- 020302
Tones
- D0E3AF
- C7D7AA
- BDCCA5
- B4C1A0
- ABB69A
- A3AB95
- 9AA090
- 91958B
- 888A85
Farbharmonien
Komplementär +180°
- D9EEB4
Chicon
- EBDDFF
≈ Lavender Savour
Analog -30° +30°
- D9EEB4
Chicon
- F5E4A8
≈ Cymophane Yellow
- BCF5CD
≈ Smell the Mint
Triadisch +120° +240°
- D9EEB4
Chicon
- CEE8FF
≈ Veiling Waterfalls
- FFD9E1
≈ It’s a Girl!
Geteilt komplementär +150° +210°
- D9EEB4
Chicon
- DCE3FF
≈ Stoic White
- FFD6F6
≈ Sweet Sachet
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.24:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.83:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--chicon: #d9eeb4;
--chicon-rgb: 217 238 180;
--chicon-oklch: oklch(0.919 0.079 124.1);
}
.element {
color: var(--chicon);
background-color: hsl(82 63% 82%);
border-color: oklch(0.919 0.079 124.1);
}Tailwind CSS v4
@theme {
--color-chicon: #d9eeb4;
--color-chicon-50: #effae2;
--color-chicon-100: #e1edd1;
--color-chicon-200: #ccdbb7;
--color-chicon-300: #adbf93;
--color-chicon-400: #94a773;
--color-chicon-500: #7b8f53;
--color-chicon-600: #687947;
--color-chicon-700: #536138;
--color-chicon-800: #3e4727;
--color-chicon-900: #2a311a;
--color-chicon-950: #181d0b;
}SCSS
$chicon: #d9eeb4;
$chicon-rgb: 217, 238, 180;
$chicon-light: mix(#fff, $chicon, 20%);
$chicon-dark: mix(#000, $chicon, 20%);
.element {
color: $chicon;
box-shadow: 0 0 0 2px rgba($chicon, 0.35);
}