En yakın adlandırılmış renk · #E38939
#E38939
En yakın adlandırılmış renk: Touch of Glamour
#E38939 (rgb(227 137 57), hsl(28 75% 56%), oklch(0.712 0.143 58.5)) en çok Touch of Glamour 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.
#E38939
oklch(0.712 0.143 58.5)
Renk dönüşümleri
- HEX
- #e38939
- RGB
- rgb(227 137 57)
- HSL
- hsl(28 75% 56%)
- HWB
- hwb(28 22% 11%)
- OKLCH
- oklch(0.712 0.143 58.5)
- OKLab
- oklab(0.712 0.075 0.122)
- CIE Lab
- lab(65.96 30.83 55.93)
- LCH
- lch(65.96 63.86 61.1)
- CMYK
- cmyk(0% 40% 75% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E79552
- EBA167
- EEAD7B
- F1B98F
- F4C5A2
- F7D1B4
- F9DCC7
- FBE8DA
- FDF3EC
Koyu tonlar
- C57630
- A86428
- 8C531F
- 714217
- 573110
- 3F2209
- 271404
- 120701
- 030100
Gri tonlar
- D98945
- D0884E
- C68857
- BC875E
- B28665
- A9856B
- 9F8471
- 958376
- 8A827B
Renk uyumları
Tamamlayıcı +180°
- E38939
Touch of Glamour
- 32ADF1
≈ Democrat
Analog -30° +30°
- E38939
Touch of Glamour
- EE7C6E
≈ Youthful Coral
- C79C0D
≈ Molten Bronze
Üçlü +120° +240°
- E38939
Touch of Glamour
- 00BCA3
≈ Capture
- AE8CEF
≈ Dreamy Candy Forest
Bölünmüş tamamlayıcı +150° +210°
- E38939
Touch of Glamour
- 00B7CA
≈ Lago Blue
- 7D9DFB
≈ Periwinkle Blue
Dörtlü +90° +180° +270°
- E38939
Touch of Glamour
- 5ABA6E
≈ Forest Fern
- 32ADF1
≈ Democrat
- D27FCE
≈ Purple Kush
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.65:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 7.90:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 7.90:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--touch-of-glamour: #e38939;
--touch-of-glamour-rgb: 227 137 57;
--touch-of-glamour-oklch: oklch(0.712 0.143 58.5);
}
.element {
color: var(--touch-of-glamour);
background-color: hsl(28 75% 56%);
border-color: oklch(0.712 0.143 58.5);
}Tailwind CSS v4
@theme {
--color-touch-of-glamour: #e38939;
--color-touch-of-glamour-50: #ffeccc;
--color-touch-of-glamour-100: #ffdeb8;
--color-touch-of-glamour-200: #ffc695;
--color-touch-of-glamour-300: #eda669;
--color-touch-of-glamour-400: #dc873d;
--color-touch-of-glamour-500: #c96900;
--color-touch-of-glamour-600: #aa5900;
--color-touch-of-glamour-700: #894700;
--color-touch-of-glamour-800: #663300;
--color-touch-of-glamour-900: #482201;
--color-touch-of-glamour-950: #2f1100;
}SCSS
$touch-of-glamour: #e38939;
$touch-of-glamour-rgb: 227, 137, 57;
$touch-of-glamour-light: mix(#fff, $touch-of-glamour, 20%);
$touch-of-glamour-dark: mix(#000, $touch-of-glamour, 20%);
.element {
color: $touch-of-glamour;
box-shadow: 0 0 0 2px rgba($touch-of-glamour, 0.35);
}