En yakın adlandırılmış renk · #E03318
#E03318
En yakın adlandırılmış renk: Kiss of the Scorpion
#E03318 (rgb(224 51 24), hsl(8 81% 49%), oklch(0.592 0.212 31.6)) en çok Kiss of the Scorpion 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.
#E03318
oklch(0.592 0.212 31.6)
Renk dönüşümleri
- HEX
- #e03318
- RGB
- rgb(224 51 24)
- HSL
- hsl(8 81% 49%)
- HWB
- hwb(8 9% 12%)
- OKLCH
- oklch(0.592 0.212 31.6)
- OKLab
- oklab(0.592 0.181 0.111)
- CIE Lab
- lab(50.7 65.41 57.01)
- LCH
- lch(50.7 86.77 41.1)
- CMYK
- cmyk(0% 77% 89% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E65038
- EC6750
- F17C67
- F5907C
- F9A392
- FCB6A7
- FEC8BD
- FFDAD3
- FFEDE9
Koyu tonlar
- C32B13
- A6230F
- 8A1C0A
- 701407
- 560D04
- 3E0702
- 270301
- 120100
- 020000
Gri tonlar
- D8422A
- D04D38
- C75643
- BF5E4D
- B56657
- AC6C5F
- A27268
- 977770
- 8C7C78
Renk uyumları
Tamamlayıcı +180°
- E03318
Kiss of the Scorpion
- 008EA1
≈ Parrot Flight
Analog -30° +30°
- E03318
Kiss of the Scorpion
- DA2D75
≈ Beetroot Purple
- B66800
≈ Brown Orange
Üçlü +120° +240°
- E03318
Kiss of the Scorpion
- 00974B
≈ Luscious Green
- 556BF9
≈ Blue Heath Butterfly
Bölünmüş tamamlayıcı +150° +210°
- E03318
Kiss of the Scorpion
- 009282
≈ Silk Sari
- 0086C9
≈ Water Blue
Dörtlü +90° +180° +270°
- E03318
Kiss of the Scorpion
- 718A00
≈ Italian Buckthorn
- 008EA1
≈ Parrot Flight
- 9753E4
≈ Navy Genesis Evangelion
Kontrast ve erişilebilirlik
Beyaz üzerinde
WCAG 4.51:1 · APCA Lc 70
Siyah üzerinde
WCAG 4.65:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--kiss-of-the-scorpion: #e03318;
--kiss-of-the-scorpion-rgb: 224 51 24;
--kiss-of-the-scorpion-oklch: oklch(0.592 0.212 31.6);
}
.element {
color: var(--kiss-of-the-scorpion);
background-color: hsl(8 81% 49%);
border-color: oklch(0.592 0.212 31.6);
}Tailwind CSS v4
@theme {
--color-kiss-of-the-scorpion: #e03318;
--color-kiss-of-the-scorpion-50: #ffe0ce;
--color-kiss-of-the-scorpion-100: #ffceba;
--color-kiss-of-the-scorpion-200: #ffb298;
--color-kiss-of-the-scorpion-300: #ff8a6c;
--color-kiss-of-the-scorpion-400: #ff6147;
--color-kiss-of-the-scorpion-500: #f22d09;
--color-kiss-of-the-scorpion-600: #cd2a0f;
--color-kiss-of-the-scorpion-700: #a5220d;
--color-kiss-of-the-scorpion-800: #7b150d;
--color-kiss-of-the-scorpion-900: #570e08;
--color-kiss-of-the-scorpion-950: #3a0000;
}SCSS
$kiss-of-the-scorpion: #e03318;
$kiss-of-the-scorpion-rgb: 224, 51, 24;
$kiss-of-the-scorpion-light: mix(#fff, $kiss-of-the-scorpion, 20%);
$kiss-of-the-scorpion-dark: mix(#000, $kiss-of-the-scorpion, 20%);
.element {
color: $kiss-of-the-scorpion;
box-shadow: 0 0 0 2px rgba($kiss-of-the-scorpion, 0.35);
}