Color con nombre · #EFDDB8
Lantern
Lantern es #EFDDB8: rgb(239 221 184), hsl(40 63% 83%), oklch(0.903 0.053 85.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Lantern color name →
#EFDDB8
oklch(0.903 0.053 85.1)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- F1E0BF
- F2E4C6
- F4E7CD
- F5EBD5
- F7EEDC
- F9F1E3
- FAF5EA
- FCF8F1
- FDFCF8
Sombras
- D0C0A0
- B1A488
- 948871
- 786E5B
- 5C5545
- 423D31
- 2A261E
- 14110C
- 030202
Tonos
- E3D3B2
- D8CAAD
- CCC0A7
- C1B7A2
- B6AD9C
- ABA496
- A09B91
- 95928B
- 8B8986
Armonías de color
Complementario +180°
- EFDDB8
Lantern
- D0DFFF
≈ Arc Light
Análogo -30° +30°
- EFDDB8
Lantern
- FBD7BE
≈ Fresh Baked Bread
- DDE4BC
≈ Loch Modan Moss
Triádico +120° +240°
- EFDDB8
Lantern
- B7EAF0
≈ First of July
- F2D4F2
≈ Scented Spring
Complementario dividido +150° +210°
- EFDDB8
Lantern
- BEE5FD
≈ Fresh Water
- E1D9FF
≈ Transparent Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.33:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.70:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.70:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
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);
}