En yakın adlandırılmış renk · #1B1023
#1B1023
En yakın adlandırılmış renk: Shot in the Dark
#1B1023 (rgb(27 16 35), hsl(275 37% 10%), oklch(0.198 0.04 309.8)) en çok Shot in the Dark 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.
#1B1023
oklch(0.198 0.04 309.8)
Renk dönüşümleri
- HEX
- #1b1023
- RGB
- rgb(27 16 35)
- HSL
- hsl(275 37% 10%)
- HWB
- hwb(275 6% 86%)
- OKLCH
- oklch(0.198 0.04 309.8)
- OKLab
- oklab(0.198 0.026 -0.031)
- CIE Lab
- lab(6.48 9.08 -10.94)
- LCH
- lch(6.48 14.22 309.7)
- CMYK
- cmyk(23% 54% 0% 86%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2E2336
- 423849
- 574E5E
- 6D6573
- 837D89
- 9B95A0
- B3AFB7
- CCC9CE
- E5E4E6
Koyu tonlar
- 160C1D
- 110917
- 0C0611
- 08040C
- 050207
- 020104
- 010001
- 000000
- 000000
Gri tonlar
- 241A2C
- 2D2434
- 372F3D
- 413946
- 4B4550
- 555059
- 5F5C63
- 6A686C
- 757476
Renk uyumları
Tamamlayıcı +180°
- 1B1023
Shot in the Dark
- 0F1905
≈ Pinch of Pepper
Analog -30° +30°
- 1B1023
Shot in the Dark
- 121327
≈ Corbeau
- 210E1B
≈ Shot in the Dark
Üçlü +120° +240°
- 1B1023
Shot in the Dark
- 211201
≈ Super Black
- 001A19
≈ Black Stallion
Bölünmüş tamamlayıcı +150° +210°
- 1B1023
Shot in the Dark
- 1A1600
≈ Noir Mystique
- 031B0F
≈ Pinch of Pepper
Dörtlü +90° +180° +270°
- 1B1023
Shot in the Dark
- 240F07
≈ Severely Burnt Toast
- 0F1905
≈ Pinch of Pepper
- 001921
≈ Creeping Death
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 18.34:1 · APCA Lc 105
Ag
FailSiyah üzerinde
WCAG 1.14:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 18.34:1 (AAA) · APCA Lc 105
Contrast pairs
Kod parçacıkları
CSS
:root {
--shot-in-the-dark: #1b1023;
--shot-in-the-dark-rgb: 27 16 35;
--shot-in-the-dark-oklch: oklch(0.198 0.04 309.8);
}
.element {
color: var(--shot-in-the-dark);
background-color: hsl(275 37% 10%);
border-color: oklch(0.198 0.04 309.8);
}Tailwind CSS v4
@theme {
--color-shot-in-the-dark: #1b1023;
--color-shot-in-the-dark-50: #f9f2fe;
--color-shot-in-the-dark-100: #ece4f2;
--color-shot-in-the-dark-200: #dad0e1;
--color-shot-in-the-dark-300: #beb2c7;
--color-shot-in-the-dark-400: #a698b1;
--color-shot-in-the-dark-500: #8e7f9b;
--color-shot-in-the-dark-600: #786c83;
--color-shot-in-the-dark-700: #605669;
--color-shot-in-the-dark-800: #463f4d;
--color-shot-in-the-dark-900: #312b36;
--color-shot-in-the-dark-950: #1d1921;
}SCSS
$shot-in-the-dark: #1b1023;
$shot-in-the-dark-rgb: 27, 16, 35;
$shot-in-the-dark-light: mix(#fff, $shot-in-the-dark, 20%);
$shot-in-the-dark-dark: mix(#000, $shot-in-the-dark, 20%);
.element {
color: $shot-in-the-dark;
box-shadow: 0 0 0 2px rgba($shot-in-the-dark, 0.35);
}