En yakın adlandırılmış renk · #01181E
#01181E
En yakın adlandırılmış renk: Black Stallion
#01181E (rgb(1 24 30), hsl(192 94% 6%), oklch(0.193 0.033 216.6)) en çok Black Stallion 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.
#01181E
oklch(0.193 0.033 216.6)
Renk dönüşümleri
- HEX
- #01181e
- RGB
- rgb(1 24 30)
- HSL
- hsl(192 94% 6%)
- HWB
- hwb(192 0% 88%)
- OKLCH
- oklch(0.193 0.033 216.6)
- OKLab
- oklab(0.193 -0.026 -0.02)
- CIE Lab
- lab(6.69 -6.58 -7.07)
- LCH
- lch(6.69 9.66 227.1)
- CMYK
- cmyk(97% 20% 0% 88%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 152B31
- 2C3F45
- 435559
- 5C6B6F
- 758286
- 8F9A9D
- AAB2B4
- C6CBCD
- E2E5E6
Koyu tonlar
- 011319
- 010F13
- 000A0E
- 000709
- 000405
- 000203
- 000101
- 000000
- 000000
Gri tonlar
- 0B2127
- 182B30
- 243539
- 313F43
- 3D494C
- 4A5456
- 575E61
- 64696B
- 727575
Renk uyumları
Tamamlayıcı +180°
- 01181E
Black Stallion
- 210F0A
≈ Bighorn Sheep
Analog -30° +30°
- 01181E
Black Stallion
- 011917
≈ Black Stallion
- 071622
≈ Creeping Death
Üçlü +120° +240°
- 01181E
Black Stallion
- 1E0F1A
≈ Shot in the Dark
- 191403
≈ Crowshead
Bölünmüş tamamlayıcı +150° +210°
- 01181E
Black Stallion
- 210E12
≈ Italian Roast
- 1E1104
≈ Crowshead
Dörtlü +90° +180° +270°
- 01181E
Black Stallion
- 181020
≈ Shot in the Dark
- 210F0A
≈ Bighorn Sheep
- 111707
≈ Pinch of Pepper
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 18.24:1 · APCA Lc 105
Ag
FailSiyah üzerinde
WCAG 1.15:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 18.24:1 (AAA) · APCA Lc 105
Contrast pairs
Kod parçacıkları
CSS
:root {
--black-stallion: #01181e;
--black-stallion-rgb: 1 24 30;
--black-stallion-oklch: oklch(0.193 0.033 216.6);
}
.element {
color: var(--black-stallion);
background-color: hsl(192 94% 6%);
border-color: oklch(0.193 0.033 216.6);
}Tailwind CSS v4
@theme {
--color-black-stallion: #01181e;
--color-black-stallion-50: #ebf8fb;
--color-black-stallion-100: #dcebef;
--color-black-stallion-200: #c6d8de;
--color-black-stallion-300: #a6bcc3;
--color-black-stallion-400: #89a4ab;
--color-black-stallion-500: #6e8c94;
--color-black-stallion-600: #5d767d;
--color-black-stallion-700: #4a5f64;
--color-black-stallion-800: #364549;
--color-black-stallion-900: #253033;
--color-black-stallion-950: #131c1f;
}SCSS
$black-stallion: #01181e;
$black-stallion-rgb: 1, 24, 30;
$black-stallion-light: mix(#fff, $black-stallion, 20%);
$black-stallion-dark: mix(#000, $black-stallion, 20%);
.element {
color: $black-stallion;
box-shadow: 0 0 0 2px rgba($black-stallion, 0.35);
}