Colore con nome · #EACA90
Honeysuckle Beige
Honeysuckle Beige è #EACA90: rgb(234 202 144), hsl(39 68% 74%), oklch(0.853 0.083 82). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Honeysuckle Beige color name →
#EACA90
oklch(0.853 0.083 82)
Conversioni di colore
- HEX
- #eaca90
- RGB
- rgb(234 202 144)
- HSL
- hsl(39 68% 74%)
- HWB
- hwb(39 56% 8%)
- OKLCH
- oklch(0.853 0.083 82)
- OKLab
- oklab(0.853 0.012 0.082)
- CIE Lab
- lab(83.09 5.85 33.38)
- LCH
- lch(83.09 33.89 80.1)
- CMYK
- cmyk(0% 14% 38% 8%)
Tinte · Ombre · Toni
Tinte
- ECCF9B
- EED5A7
- F1DAB2
- F3DFBD
- F5E5C8
- F7EAD3
- F9EFDE
- FBF5E9
- FDFAF4
Ombre
- CBAF7D
- AE956A
- 917C57
- 756445
- 5A4D34
- 413724
- 292215
- 130F07
- 030201
Toni
- DFC28F
- D4BB8E
- C9B38D
- BEAC8B
- B4A58A
- A99D88
- 9F9686
- 948F84
- 8A8782
Armonie di colore
Complementare +180°
- EACA90
Honeysuckle Beige
- B5D0FF
≈ Ice Cold Stare
Analogo -30° +30°
- EACA90
Honeysuckle Beige
- FBC09D
≈ Apricot Iced Tea
- CFD595
≈ Guacamole Ambrosia
Triadico +120° +240°
- EACA90
Honeysuckle Beige
- 8ADFE6
≈ Paradisiacal Getaway
- E9BDEF
≈ Lovecloud
Complementare divisa +150° +210°
- EACA90
Honeysuckle Beige
- 96D9FC
≈ Shiva Blue
- CFC6FF
≈ Innocent Snowdrop
Tetradico +90° +180° +270°
- EACA90
Honeysuckle Beige
- 95E1C8
≈ Clean Green
- B5D0FF
≈ Ice Cold Stare
- FAB9D4
≈ Little Baby Girl
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.34:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--honeysuckle-beige: #eaca90;
--honeysuckle-beige-rgb: 234 202 144;
--honeysuckle-beige-oklch: oklch(0.853 0.083 82);
}
.element {
color: var(--honeysuckle-beige);
background-color: hsl(39 68% 74%);
border-color: oklch(0.853 0.083 82);
}Tailwind CSS v4
@theme {
--color-honeysuckle-beige: #eaca90;
--color-honeysuckle-beige-50: #fff4db;
--color-honeysuckle-beige-100: #f5e6c9;
--color-honeysuckle-beige-200: #e5d2ad;
--color-honeysuckle-beige-300: #ccb487;
--color-honeysuckle-beige-400: #b79a65;
--color-honeysuckle-beige-500: #a28141;
--color-honeysuckle-beige-600: #896d38;
--color-honeysuckle-beige-700: #6d572d;
--color-honeysuckle-beige-800: #513f1f;
--color-honeysuckle-beige-900: #392b14;
--color-honeysuckle-beige-950: #231906;
}SCSS
$honeysuckle-beige: #eaca90;
$honeysuckle-beige-rgb: 234, 202, 144;
$honeysuckle-beige-light: mix(#fff, $honeysuckle-beige, 20%);
$honeysuckle-beige-dark: mix(#000, $honeysuckle-beige, 20%);
.element {
color: $honeysuckle-beige;
box-shadow: 0 0 0 2px rgba($honeysuckle-beige, 0.35);
}