Dichtstbijzijnde benoemde kleur · #EAD1AD
#EAD1AD
Dichtstbijzijnde benoemde kleur: Champagne
#EAD1AD (rgb(234 209 173), hsl(35 59% 80%), oklch(0.872 0.055 76.9)) komt het dichtst bij de benoemde kleur Champagne. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#EAD1AD
oklch(0.872 0.055 76.9)
Kleurconversies
- HEX
- #ead1ad
- RGB
- rgb(234 209 173)
- HSL
- hsl(35 59% 80%)
- HWB
- hwb(35 68% 8%)
- OKLCH
- oklch(0.872 0.055 76.9)
- OKLab
- oklab(0.872 0.013 0.054)
- CIE Lab
- lab(85.28 5.03 21.29)
- LCH
- lch(85.28 21.87 76.7)
- CMYK
- cmyk(0% 11% 26% 8%)
Tinten · Schaduwen · Tonen
Tinten
- ECD6B5
- EEDABD
- F0DFC6
- F3E3CE
- F5E8D6
- F7EDDE
- F9F1E6
- FBF6EF
- FDFAF7
Schaduwen
- CBB596
- AE9B7F
- 91816A
- 756855
- 5A5041
- 41392D
- 29231B
- 13100B
- 030201
Tonen
- DFC9A9
- D4C0A4
- C9B8A0
- BEB09B
- B4A897
- A9A092
- 9F988E
- 949089
- 8A8885
Kleurharmonieën
Complementair +180°
- EAD1AD
Champagne
- BED7FA
≈ Oh Boy!
Analoog -30° +30°
- EAD1AD
Champagne
- F5CBB7
≈ Cape Sands
- D9D8AE
≈ Mǐ Bái Beige
Triadisch +120° +240°
- EAD1AD
Champagne
- ABE1E1
≈ Blue Light
- E4CAEE
≈ Mousse aux Pruneaux
Gesplitst complementair +150° +210°
- EAD1AD
Champagne
- AFDDF2
≈ Van Gogh Blue
- D2D0F8
≈ Pale Phthalo Blue
Tetradisch +90° +180° +270°
- EAD1AD
Champagne
- B3E1CD
≈ Quiet Jade
- BED7FA
≈ Oh Boy!
- F2C7DC
≈ British Rose
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.47:1 · APCA Lc 23
Ag
AAAOp zwart
WCAG 14.22:1 · APCA Lc 81
Beste tekstkleur: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
Codefragmenten
CSS
:root {
--champagne: #ead1ad;
--champagne-rgb: 234 209 173;
--champagne-oklch: oklch(0.872 0.055 76.9);
}
.element {
color: var(--champagne);
background-color: hsl(35 59% 80%);
border-color: oklch(0.872 0.055 76.9);
}Tailwind CSS v4
@theme {
--color-champagne: #ead1ad;
--color-champagne-50: #fef4e4;
--color-champagne-100: #f2e6d4;
--color-champagne-200: #e1d2ba;
--color-champagne-300: #c7b598;
--color-champagne-400: #b19b7a;
--color-champagne-500: #9b825c;
--color-champagne-600: #836e4f;
--color-champagne-700: #69583f;
--color-champagne-800: #4e402d;
--color-champagne-900: #362c1e;
--color-champagne-950: #21190e;
}SCSS
$champagne: #ead1ad;
$champagne-rgb: 234, 209, 173;
$champagne-light: mix(#fff, $champagne, 20%);
$champagne-dark: mix(#000, $champagne, 20%);
.element {
color: $champagne;
box-shadow: 0 0 0 2px rgba($champagne, 0.35);
}