En yakın adlandırılmış renk · #E13116
#E13116
En yakın adlandırılmış renk: Kiss of the Scorpion
#E13116 (rgb(225 49 22), hsl(8 82% 48%), oklch(0.592 0.214 31.5)) 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.
#E13116
oklch(0.592 0.214 31.5)
Renk dönüşümleri
- HEX
- #e13116
- RGB
- rgb(225 49 22)
- HSL
- hsl(8 82% 48%)
- HWB
- hwb(8 9% 12%)
- OKLCH
- oklch(0.592 0.214 31.5)
- OKLab
- oklab(0.592 0.183 0.112)
- CIE Lab
- lab(50.69 66.23 57.89)
- LCH
- lch(50.69 87.96 41.2)
- CMYK
- cmyk(0% 78% 90% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E74E37
- ED664F
- F27B66
- F68F7C
- FAA292
- FCB5A7
- FEC8BD
- FFDAD3
- FFEDE9
Koyu tonlar
- C42912
- A7220D
- 8B1A09
- 701306
- 560C03
- 3E0602
- 270301
- 120100
- 020000
Gri tonlar
- D94029
- D14C37
- C85642
- BF5E4D
- B66556
- AC6C5F
- A27168
- 987770
- 8C7C78
Renk uyumları
Tamamlayıcı +180°
- E13116
Kiss of the Scorpion
- 008EA1
≈ Parrot Flight
Analog -30° +30°
- E13116
Kiss of the Scorpion
- DB2A75
≈ Beetroot Purple
- B66700
≈ Brown Orange
Üçlü +120° +240°
- E13116
Kiss of the Scorpion
- 00974A
≈ Luscious Green
- 546BFB
≈ Blue Heath Butterfly
Bölünmüş tamamlayıcı +150° +210°
- E13116
Kiss of the Scorpion
- 009282
≈ Silk Sari
- 0086C9
≈ Water Blue
Dörtlü +90° +180° +270°
- E13116
Kiss of the Scorpion
- 718A00
≈ Italian Buckthorn
- 008EA1
≈ Parrot Flight
- 9752E6
≈ 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: #e13116;
--kiss-of-the-scorpion-rgb: 225 49 22;
--kiss-of-the-scorpion-oklch: oklch(0.592 0.214 31.5);
}
.element {
color: var(--kiss-of-the-scorpion);
background-color: hsl(8 82% 48%);
border-color: oklch(0.592 0.214 31.5);
}Tailwind CSS v4
@theme {
--color-kiss-of-the-scorpion: #e13116;
--color-kiss-of-the-scorpion-50: #ffe0cd;
--color-kiss-of-the-scorpion-100: #ffceb9;
--color-kiss-of-the-scorpion-200: #ffb197;
--color-kiss-of-the-scorpion-300: #ff896b;
--color-kiss-of-the-scorpion-400: #ff6046;
--color-kiss-of-the-scorpion-500: #f32a05;
--color-kiss-of-the-scorpion-600: #ce270d;
--color-kiss-of-the-scorpion-700: #a5200b;
--color-kiss-of-the-scorpion-800: #7c140c;
--color-kiss-of-the-scorpion-900: #580d07;
--color-kiss-of-the-scorpion-950: #3b0000;
}SCSS
$kiss-of-the-scorpion: #e13116;
$kiss-of-the-scorpion-rgb: 225, 49, 22;
$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);
}