En yakın adlandırılmış renk · #E22F18
#E22F18
En yakın adlandırılmış renk: Kiss of the Scorpion
#E22F18 (rgb(226 47 24), hsl(7 81% 49%), oklch(0.593 0.216 30.9)) 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.
#E22F18
oklch(0.593 0.216 30.9)
Renk dönüşümleri
- HEX
- #e22f18
- RGB
- rgb(226 47 24)
- HSL
- hsl(7 81% 49%)
- HWB
- hwb(7 9% 11%)
- OKLCH
- oklch(0.593 0.216 30.9)
- OKLab
- oklab(0.593 0.186 0.111)
- CIE Lab
- lab(50.7 67.06 57.25)
- LCH
- lch(50.7 88.17 40.5)
- CMYK
- cmyk(0% 79% 89% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E84D38
- EE6550
- F37B67
- F78F7C
- FAA292
- FDB5A7
- FFC8BD
- FFDAD3
- FFEDE9
Koyu tonlar
- C42713
- A8200F
- 8C190A
- 711207
- 570C04
- 3E0602
- 270301
- 120100
- 030000
Gri tonlar
- DA3F2A
- D14B38
- C95543
- C05D4D
- B76557
- AD6B5F
- A37168
- 987770
- 8C7C78
Renk uyumları
Tamamlayıcı +180°
- E22F18
Kiss of the Scorpion
- 008EA1
≈ Parrot Flight
Analog -30° +30°
- E22F18
Kiss of the Scorpion
- DB2977
≈ Beetroot Purple
- B76700
≈ Brown Orange
Üçlü +120° +240°
- E22F18
Kiss of the Scorpion
- 009748
≈ Luscious Green
- 526BFC
≈ Blue Heath Butterfly
Bölünmüş tamamlayıcı +150° +210°
- E22F18
Kiss of the Scorpion
- 009282
≈ Silk Sari
- 0086C8
≈ Water Blue
Dörtlü +90° +180° +270°
- E22F18
Kiss of the Scorpion
- 728A00
≈ Italian Buckthorn
- 008EA1
≈ Parrot Flight
- 9652E8
≈ 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: #e22f18;
--kiss-of-the-scorpion-rgb: 226 47 24;
--kiss-of-the-scorpion-oklch: oklch(0.593 0.216 30.9);
}
.element {
color: var(--kiss-of-the-scorpion);
background-color: hsl(7 81% 49%);
border-color: oklch(0.593 0.216 30.9);
}Tailwind CSS v4
@theme {
--color-kiss-of-the-scorpion: #e22f18;
--color-kiss-of-the-scorpion-50: #ffdfce;
--color-kiss-of-the-scorpion-100: #ffceb9;
--color-kiss-of-the-scorpion-200: #ffb098;
--color-kiss-of-the-scorpion-300: #ff886c;
--color-kiss-of-the-scorpion-400: #ff5f47;
--color-kiss-of-the-scorpion-500: #f42608;
--color-kiss-of-the-scorpion-600: #ce250f;
--color-kiss-of-the-scorpion-700: #a61e0d;
--color-kiss-of-the-scorpion-800: #7c120d;
--color-kiss-of-the-scorpion-900: #580c08;
--color-kiss-of-the-scorpion-950: #3b0000;
}SCSS
$kiss-of-the-scorpion: #e22f18;
$kiss-of-the-scorpion-rgb: 226, 47, 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);
}