Nazwany kolor · #EACA90
Honeysuckle Beige
Honeysuckle Beige to #EACA90: rgb(234 202 144), hsl(39 68% 74%), oklch(0.853 0.083 82). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Honeysuckle Beige color name →
#EACA90
oklch(0.853 0.083 82)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECCF9B
- EED5A7
- F1DAB2
- F3DFBD
- F5E5C8
- F7EAD3
- F9EFDE
- FBF5E9
- FDFAF4
Odcienie ciemniejsze
- CBAF7D
- AE956A
- 917C57
- 756445
- 5A4D34
- 413724
- 292215
- 130F07
- 030201
Tony
- DFC28F
- D4BB8E
- C9B38D
- BEAC8B
- B4A58A
- A99D88
- 9F9686
- 948F84
- 8A8782
Harmonie kolorów
Komplementarna +180°
- EACA90
Honeysuckle Beige
- B5D0FF
≈ Ice Cold Stare
Analogowa -30° +30°
- EACA90
Honeysuckle Beige
- FBC09D
≈ Apricot Iced Tea
- CFD595
≈ Guacamole Ambrosia
Triada +120° +240°
- EACA90
Honeysuckle Beige
- 8ADFE6
≈ Paradisiacal Getaway
- E9BDEF
≈ Lovecloud
Komplementarna rozszczepiona +150° +210°
- EACA90
Honeysuckle Beige
- 96D9FC
≈ Shiva Blue
- CFC6FF
≈ Innocent Snowdrop
Tetrada +90° +180° +270°
- EACA90
Honeysuckle Beige
- 95E1C8
≈ Clean Green
- B5D0FF
≈ Ice Cold Stare
- FAB9D4
≈ Little Baby Girl
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.34:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
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);
}