En yakın adlandırılmış renk · #180F25
#180F25
En yakın adlandırılmış renk: Shot in the Dark
#180F25 (rgb(24 15 37), hsl(265 42% 10%), oklch(0.193 0.044 301.2)) 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.
#180F25
oklch(0.193 0.044 301.2)
Renk dönüşümleri
- HEX
- #180f25
- RGB
- rgb(24 15 37)
- HSL
- hsl(265 42% 10%)
- HWB
- hwb(265 6% 85%)
- OKLCH
- oklch(0.193 0.044 301.2)
- OKLab
- oklab(0.193 0.023 -0.038)
- CIE Lab
- lab(5.94 8.59 -13.32)
- LCH
- lch(5.94 15.85 302.8)
- CMYK
- cmyk(35% 59% 0% 85%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2B2338
- 3F374C
- 544D60
- 6A6475
- 817C8B
- 9995A1
- B2AFB8
- CBC9CF
- E5E4E7
Koyu tonlar
- 130B1F
- 0F0819
- 0A0513
- 07030D
- 040208
- 020104
- 010002
- 000000
- 000000
Gri tonlar
- 21192E
- 2A2336
- 342E3F
- 3E3948
- 494451
- 53505A
- 5E5B63
- 69676D
- 747476
Renk uyumları
Tamamlayıcı +180°
- 180F25
Shot in the Dark
- 111701
≈ Pinch of Pepper
Analog -30° +30°
- 180F25
Shot in the Dark
- 0D1328
≈ Corbeau
- 200C1D
≈ Meški Black
Üçlü +120° +240°
- 180F25
Shot in the Dark
- 220F00
≈ Super Black
- 001915
≈ Pinch of Pepper
Bölünmüş tamamlayıcı +150° +210°
- 180F25
Shot in the Dark
- 1B1300
≈ Super Black
- 031A0A
≈ Pinch of Pepper
Dörtlü +90° +180° +270°
- 180F25
Shot in the Dark
- 250C08
≈ Root Brew
- 111701
≈ Pinch of Pepper
- 00181D
≈ Creeping Death
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 18.52:1 · APCA Lc 105
Ag
FailSiyah üzerinde
WCAG 1.13:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 18.52:1 (AAA) · APCA Lc 105
Contrast pairs
Kod parçacıkları
CSS
:root {
--shot-in-the-dark: #180f25;
--shot-in-the-dark-rgb: 24 15 37;
--shot-in-the-dark-oklch: oklch(0.193 0.044 301.2);
}
.element {
color: var(--shot-in-the-dark);
background-color: hsl(265 42% 10%);
border-color: oklch(0.193 0.044 301.2);
}Tailwind CSS v4
@theme {
--color-shot-in-the-dark: #180f25;
--color-shot-in-the-dark-50: #f7f2ff;
--color-shot-in-the-dark-100: #ebe5f4;
--color-shot-in-the-dark-200: #d8d0e4;
--color-shot-in-the-dark-300: #bcb2cb;
--color-shot-in-the-dark-400: #a399b5;
--color-shot-in-the-dark-500: #8b809f;
--color-shot-in-the-dark-600: #766c87;
--color-shot-in-the-dark-700: #5e566c;
--color-shot-in-the-dark-800: #443f50;
--color-shot-in-the-dark-900: #2f2b38;
--color-shot-in-the-dark-950: #1c1922;
}SCSS
$shot-in-the-dark: #180f25;
$shot-in-the-dark-rgb: 24, 15, 37;
$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);
}