En yakın adlandırılmış renk · #EB5100
#EB5100
En yakın adlandırılmış renk: Cigarette Glow
#EB5100 (rgb(235 81 0), hsl(21 100% 46%), oklch(0.639 0.202 39.7)) en çok Cigarette Glow 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.
#EB5100
oklch(0.639 0.202 39.7)
Renk dönüşümleri
- HEX
- #eb5100
- RGB
- rgb(235 81 0)
- HSL
- hsl(21 100% 46%)
- HWB
- hwb(21 0% 8%)
- OKLCH
- oklch(0.639 0.202 39.7)
- OKLab
- oklab(0.639 0.155 0.129)
- CIE Lab
- lab(56.47 58.64 67.5)
- LCH
- lch(56.47 89.41 49)
- CMYK
- cmyk(0% 66% 100% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F06633
- F4794E
- F78B66
- FA9D7D
- FDAE93
- FFBEA8
- FFCFBE
- FFDFD3
- FFEFE9
Koyu tonlar
- CC4500
- AE3A00
- 912F00
- 752400
- 5B1A00
- 411000
- 290700
- 130200
- 030000
Gri tonlar
- E15923
- D86034
- CE6642
- C46B4D
- BA7057
- AF7460
- A47868
- 997B71
- 8D7E78
Renk uyumları
Tamamlayıcı +180°
- EB5100
Cigarette Glow
- 009CBC
≈ Brilliant Sea
Analog -30° +30°
- EB5100
Cigarette Glow
- EB4570
≈ Radishical
- C17A00
≈ Guo Tie Dumpling
Üçlü +120° +240°
- EB5100
Cigarette Glow
- 00A66C
≈ Banaue Jade
- 7877FF
≈ Stargate Shimmer
Bölünmüş tamamlayıcı +150° +210°
- EB5100
Cigarette Glow
- 00A19A
≈ Ceramic Blue Turquoise
- 008FF3
≈ Clear Chill
Dörtlü +90° +180° +270°
- EB5100
Cigarette Glow
- 699F00
≈ Elven Olympics
- 009CBC
≈ Brilliant Sea
- B160E6
≈ Light Shōtoku Purple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.67:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.70:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.70:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--cigarette-glow: #eb5100;
--cigarette-glow-rgb: 235 81 0;
--cigarette-glow-oklch: oklch(0.639 0.202 39.7);
}
.element {
color: var(--cigarette-glow);
background-color: hsl(21 100% 46%);
border-color: oklch(0.639 0.202 39.7);
}Tailwind CSS v4
@theme {
--color-cigarette-glow: #eb5100;
--color-cigarette-glow-50: #ffe3c8;
--color-cigarette-glow-100: #ffd2b3;
--color-cigarette-glow-200: #ffb68f;
--color-cigarette-glow-300: #ff9060;
--color-cigarette-glow-400: #fd6a32;
--color-cigarette-glow-500: #ec3e00;
--color-cigarette-glow-600: #c73700;
--color-cigarette-glow-700: #a02c00;
--color-cigarette-glow-800: #781d00;
--color-cigarette-glow-900: #551300;
--color-cigarette-glow-950: #390400;
}SCSS
$cigarette-glow: #eb5100;
$cigarette-glow-rgb: 235, 81, 0;
$cigarette-glow-light: mix(#fff, $cigarette-glow, 20%);
$cigarette-glow-dark: mix(#000, $cigarette-glow, 20%);
.element {
color: $cigarette-glow;
box-shadow: 0 0 0 2px rgba($cigarette-glow, 0.35);
}