Najbliższy nazwany kolor · #E5AE96
#E5AE96
Najbliższy nazwany kolor: Wax Flower
#E5AE96 (rgb(229 174 150), hsl(18 60% 74%), oklch(0.795 0.073 44.7)) jest najbliższy nazwanemu kolorowi Wax Flower. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E5AE96
oklch(0.795 0.073 44.7)
Konwersje koloru
- HEX
- #e5ae96
- RGB
- rgb(229 174 150)
- HSL
- hsl(18 60% 74%)
- HWB
- hwb(18 59% 10%)
- OKLCH
- oklch(0.795 0.073 44.7)
- OKLab
- oklab(0.795 0.052 0.051)
- CIE Lab
- lab(75.84 18.38 20.56)
- LCH
- lch(75.84 27.58 48.2)
- CMYK
- cmyk(0% 24% 34% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8B6A0
- EBBEAB
- EEC6B5
- F1CEBF
- F3D6CA
- F6DED4
- F8E7DF
- FBEFEA
- FDF7F4
Odcienie ciemniejsze
- C79782
- AA806E
- 8E6A5B
- 725549
- 584137
- 3F2E26
- 281C16
- 120B08
- 030101
Tony
- DBA994
- D0A592
- C6A090
- BC9C8E
- B2978B
- A89289
- 9E8E87
- 948985
- 8A8582
Harmonie kolorów
Komplementarna +180°
- E5AE96
Wax Flower
- 88C7E0
≈ Sky Fall
Analogowa -30° +30°
- E5AE96
Wax Flower
- E7AAAD
≈ Perennial Phlox
- D8B688
≈ Dubloon
Triada +120° +240°
- E5AE96
Wax Flower
- 90CCB0
≈ Vile Green
- B6B6EA
≈ Perano
Komplementarna rozszczepiona +150° +210°
- E5AE96
Wax Flower
- 83CBCA
≈ Surf Wash
- 9DBFEB
≈ Sail to the Sea
Tetrada +90° +180° +270°
- E5AE96
Wax Flower
- A9C798
≈ Geddy Green
- 88C7E0
≈ Sky Fall
- CEAFDD
≈ Whisper of Plum
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.93:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.82:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--wax-flower: #e5ae96;
--wax-flower-rgb: 229 174 150;
--wax-flower-oklch: oklch(0.795 0.073 44.7);
}
.element {
color: var(--wax-flower);
background-color: hsl(18 60% 74%);
border-color: oklch(0.795 0.073 44.7);
}Tailwind CSS v4
@theme {
--color-wax-flower: #e5ae96;
--color-wax-flower-50: #ffefe4;
--color-wax-flower-100: #fee1d4;
--color-wax-flower-200: #f0cbba;
--color-wax-flower-300: #d8ad98;
--color-wax-flower-400: #c4917b;
--color-wax-flower-500: #af775e;
--color-wax-flower-600: #946550;
--color-wax-flower-700: #77503f;
--color-wax-flower-800: #583a2e;
--color-wax-flower-900: #3e281f;
--color-wax-flower-950: #27160f;
}SCSS
$wax-flower: #e5ae96;
$wax-flower-rgb: 229, 174, 150;
$wax-flower-light: mix(#fff, $wax-flower, 20%);
$wax-flower-dark: mix(#000, $wax-flower, 20%);
.element {
color: $wax-flower;
box-shadow: 0 0 0 2px rgba($wax-flower, 0.35);
}