Benoemde kleur · #FFE8C3
Candle Glow
Candle Glow is #FFE8C3: rgb(255 232 195), hsl(37 100% 88%), oklch(0.94 0.054 79.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Candle Glow color name →
#FFE8C3
oklch(0.94 0.054 79.7)
Kleurconversies
- HEX
- #ffe8c3
- RGB
- rgb(255 232 195)
- HSL
- hsl(37 100% 88%)
- HWB
- hwb(37 76% 0%)
- OKLCH
- oklch(0.94 0.054 79.7)
- OKLab
- oklab(0.94 0.01 0.053)
- CIE Lab
- lab(93.19 4 21.08)
- LCH
- lch(93.19 21.45 79.3)
- CMYK
- cmyk(0% 9% 24% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFEAC9
- FFEDCF
- FFEFD5
- FFF1DB
- FFF4E1
- FFF6E7
- FFF8ED
- FFFAF3
- FFFDF9
Schaduwen
- DECAA9
- BEAC90
- 9E9078
- 807460
- 63594A
- 484034
- 2E2920
- 16130E
- 030302
Tonen
- F2DDBC
- E4D2B5
- D7C8AF
- CABDA8
- BEB3A1
- B1A89B
- A49E94
- 98948D
- 8C8A87
Kleurharmonieën
Complementair +180°
- FFE8C3
Candle Glow
- E0ECFF
≈ Calcareous Sinter
Analoog -30° +30°
- FFE8C3
Candle Glow
- FFE5D8
≈ Light Peach Rose
- EDEFC5
≈ Oh Dahling
Triadisch +120° +240°
- FFE8C3
Candle Glow
- C1F7F9
≈ Pale Sky
- F9E2FF
≈ Sugarpills
Gesplitst complementair +150° +210°
- FFE8C3
Candle Glow
- D4F0FF
≈ Ice Castle
- EAE8FF
≈ Glitter
Tetradisch +90° +180° +270°
- FFE8C3
Candle Glow
- C8F8E5
≈ Cactus Water
- E0ECFF
≈ Calcareous Sinter
- FFE2EF
≈ Pale Blossom
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.19:1 · APCA Lc 9
Ag
AAAOp zwart
WCAG 17.58:1 · APCA Lc 95
Beste tekstkleur: #000000
WCAG 17.58:1 (AAA) · APCA Lc 95
Contrast pairs
Codefragmenten
CSS
:root {
--candle-glow: #ffe8c3;
--candle-glow-rgb: 255 232 195;
--candle-glow-oklch: oklch(0.94 0.054 79.7);
}
.element {
color: var(--candle-glow);
background-color: hsl(37 100% 88%);
border-color: oklch(0.94 0.054 79.7);
}Tailwind CSS v4
@theme {
--color-candle-glow: #ffe8c3;
--color-candle-glow-50: #fdf4e4;
--color-candle-glow-100: #f1e7d4;
--color-candle-glow-200: #e0d2bb;
--color-candle-glow-300: #c6b598;
--color-candle-glow-400: #b09b7a;
--color-candle-glow-500: #99825d;
--color-candle-glow-600: #826e4f;
--color-candle-glow-700: #68583f;
--color-candle-glow-800: #4d402d;
--color-candle-glow-900: #352c1e;
--color-candle-glow-950: #21190e;
}SCSS
$candle-glow: #ffe8c3;
$candle-glow-rgb: 255, 232, 195;
$candle-glow-light: mix(#fff, $candle-glow, 20%);
$candle-glow-dark: mix(#000, $candle-glow, 20%);
.element {
color: $candle-glow;
box-shadow: 0 0 0 2px rgba($candle-glow, 0.35);
}