Benoemde kleur · #EFDDB8
Lantern
Lantern is #EFDDB8: rgb(239 221 184), hsl(40 63% 83%), oklch(0.903 0.053 85.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Lantern color name →
#EFDDB8
oklch(0.903 0.053 85.1)
Kleurconversies
- HEX
- #efddb8
- RGB
- rgb(239 221 184)
- HSL
- hsl(40 63% 83%)
- HWB
- hwb(40 72% 6%)
- OKLCH
- oklch(0.903 0.053 85.1)
- OKLab
- oklab(0.903 0.004 0.052)
- CIE Lab
- lab(88.9 2.19 20.6)
- LCH
- lch(88.9 20.71 83.9)
- CMYK
- cmyk(0% 8% 23% 6%)
Tinten · Schaduwen · Tonen
Tinten
- F1E0BF
- F2E4C6
- F4E7CD
- F5EBD5
- F7EEDC
- F9F1E3
- FAF5EA
- FCF8F1
- FDFCF8
Schaduwen
- D0C0A0
- B1A488
- 948871
- 786E5B
- 5C5545
- 423D31
- 2A261E
- 14110C
- 030202
Tonen
- E3D3B2
- D8CAAD
- CCC0A7
- C1B7A2
- B6AD9C
- ABA496
- A09B91
- 95928B
- 8B8986
Kleurharmonieën
Complementair +180°
- EFDDB8
Lantern
- D0DFFF
≈ Arc Light
Analoog -30° +30°
- EFDDB8
Lantern
- FBD7BE
≈ Fresh Baked Bread
- DDE4BC
≈ Loch Modan Moss
Triadisch +120° +240°
- EFDDB8
Lantern
- B7EAF0
≈ First of July
- F2D4F2
≈ Scented Spring
Gesplitst complementair +150° +210°
- EFDDB8
Lantern
- BEE5FD
≈ Fresh Water
- E1D9FF
≈ Transparent Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.33:1 · APCA Lc 17
Ag
AAAOp zwart
WCAG 15.70:1 · APCA Lc 87
Beste tekstkleur: #000000
WCAG 15.70:1 (AAA) · APCA Lc 87
Contrast pairs
Codefragmenten
CSS
:root {
--lantern: #efddb8;
--lantern-rgb: 239 221 184;
--lantern-oklch: oklch(0.903 0.053 85.1);
}
.element {
color: var(--lantern);
background-color: hsl(40 63% 83%);
border-color: oklch(0.903 0.053 85.1);
}Tailwind CSS v4
@theme {
--color-lantern: #efddb8;
--color-lantern-50: #fcf5e5;
--color-lantern-100: #efe7d5;
--color-lantern-200: #ded3bb;
--color-lantern-300: #c3b699;
--color-lantern-400: #ad9d7b;
--color-lantern-500: #96845e;
--color-lantern-600: #7f7050;
--color-lantern-700: #665940;
--color-lantern-800: #4b412d;
--color-lantern-900: #342d1f;
--color-lantern-950: #201a0e;
}SCSS
$lantern: #efddb8;
$lantern-rgb: 239, 221, 184;
$lantern-light: mix(#fff, $lantern, 20%);
$lantern-dark: mix(#000, $lantern, 20%);
.element {
color: $lantern;
box-shadow: 0 0 0 2px rgba($lantern, 0.35);
}