Couleur nommée la plus proche · #E4CF95
#E4CF95
Couleur nommée la plus proche: Honeycomb Glow
#E4CF95 (rgb(228 207 149), hsl(44 59% 74%), oklch(0.858 0.079 90.5)) est la plus proche de la couleur nommée Honeycomb Glow. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E4CF95
oklch(0.858 0.079 90.5)
Conversions de couleur
- HEX
- #e4cf95
- RGB
- rgb(228 207 149)
- HSL
- hsl(44 59% 74%)
- HWB
- hwb(44 58% 11%)
- OKLCH
- oklch(0.858 0.079 90.5)
- OKLab
- oklab(0.858 -0.001 0.079)
- CIE Lab
- lab(83.87 1.46 31.7)
- LCH
- lch(83.87 31.73 87.4)
- CMYK
- cmyk(0% 9% 35% 11%)
Teintes · Ombres · Tons
Teintes
- E7D4A0
- E9D9AB
- ECDEB5
- EFE2C0
- F1E7CB
- F4ECD5
- F7F1E0
- FAF5EA
- FCFAF5
Ombres
- C6B481
- A9996D
- 8D7F5A
- 726748
- 584F37
- 3F3826
- 282316
- 121008
- 030201
Tons
- DAC793
- CFBF92
- C5B790
- BBAF8E
- B1A78C
- A79F8A
- 9D9787
- 938F85
- 8A8883
Harmonies de couleurs
Complémentaire +180°
- E4CF95
Honeycomb Glow
- BFCFFF
≈ Lavender Blue
Analogue -30° +30°
- E4CF95
Honeycomb Glow
- F7C59C
≈ Cream Blush
- C9D99F
≈ Cucumber Ice
Triadique +120° +240°
- E4CF95
Honeycomb Glow
- 92DFED
≈ Photon Barrier
- EFBEE9
≈ Lavender Soap
Complémentaire divisée +150° +210°
- E4CF95
Honeycomb Glow
- A2D8FF
≈ Malmö FF
- D8C5FD
≈ Neon Boneyard
Tétradique +90° +180° +270°
- E4CF95
Honeycomb Glow
- 96E2D3
≈ Sharbah Fizz
- BFCFFF
≈ Lavender Blue
- FDBBCE
≈ Tentacle Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.53:1 · APCA Lc 25
Ag
AAASur noir
WCAG 13.65:1 · APCA Lc 78
Meilleure couleur de texte: #000000
WCAG 13.65:1 (AAA) · APCA Lc 78
Contrast pairs
Extraits de code
CSS
:root {
--honeycomb-glow: #e4cf95;
--honeycomb-glow-rgb: 228 207 149;
--honeycomb-glow-oklch: oklch(0.858 0.079 90.5);
}
.element {
color: var(--honeycomb-glow);
background-color: hsl(44 59% 74%);
border-color: oklch(0.858 0.079 90.5);
}Tailwind CSS v4
@theme {
--color-honeycomb-glow: #e4cf95;
--color-honeycomb-glow-50: #fdf5dc;
--color-honeycomb-glow-100: #f1e8cb;
--color-honeycomb-glow-200: #e0d4af;
--color-honeycomb-glow-300: #c5b78a;
--color-honeycomb-glow-400: #b09d68;
--color-honeycomb-glow-500: #9a8445;
--color-honeycomb-glow-600: #82703c;
--color-honeycomb-glow-700: #68592f;
--color-honeycomb-glow-800: #4e4121;
--color-honeycomb-glow-900: #362d16;
--color-honeycomb-glow-950: #211a07;
}SCSS
$honeycomb-glow: #e4cf95;
$honeycomb-glow-rgb: 228, 207, 149;
$honeycomb-glow-light: mix(#fff, $honeycomb-glow, 20%);
$honeycomb-glow-dark: mix(#000, $honeycomb-glow, 20%);
.element {
color: $honeycomb-glow;
box-shadow: 0 0 0 2px rgba($honeycomb-glow, 0.35);
}