En yakın adlandırılmış renk · #E5AE96
#E5AE96
En yakın adlandırılmış renk: Wax Flower
#E5AE96 (rgb(229 174 150), hsl(18 60% 74%), oklch(0.795 0.073 44.7)) en çok Wax Flower adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E5AE96
oklch(0.795 0.073 44.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8B6A0
- EBBEAB
- EEC6B5
- F1CEBF
- F3D6CA
- F6DED4
- F8E7DF
- FBEFEA
- FDF7F4
Koyu tonlar
- C79782
- AA806E
- 8E6A5B
- 725549
- 584137
- 3F2E26
- 281C16
- 120B08
- 030101
Gri tonlar
- DBA994
- D0A592
- C6A090
- BC9C8E
- B2978B
- A89289
- 9E8E87
- 948985
- 8A8582
Renk uyumları
Tamamlayıcı +180°
- E5AE96
Wax Flower
- 88C7E0
≈ Sky Fall
Analog -30° +30°
- E5AE96
Wax Flower
- E7AAAD
≈ Perennial Phlox
- D8B688
≈ Dubloon
Üçlü +120° +240°
- E5AE96
Wax Flower
- 90CCB0
≈ Vile Green
- B6B6EA
≈ Perano
Bölünmüş tamamlayıcı +150° +210°
- E5AE96
Wax Flower
- 83CBCA
≈ Surf Wash
- 9DBFEB
≈ Sail to the Sea
Dörtlü +90° +180° +270°
- E5AE96
Wax Flower
- A9C798
≈ Geddy Green
- 88C7E0
≈ Sky Fall
- CEAFDD
≈ Whisper of Plum
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.93:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.82:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
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);
}