En yakın adlandırılmış renk · #0E102D
#0E102D
En yakın adlandırılmış renk: Mysterious Depths
#0E102D (rgb(14 16 45), hsl(236 53% 12%), oklch(0.191 0.057 276.5)) en çok Mysterious Depths 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.
#0E102D
oklch(0.191 0.057 276.5)
Renk dönüşümleri
- HEX
- #0e102d
- RGB
- rgb(14 16 45)
- HSL
- hsl(236 53% 12%)
- HWB
- hwb(236 5% 82%)
- OKLCH
- oklch(0.191 0.057 276.5)
- OKLab
- oklab(0.191 0.007 -0.057)
- CIE Lab
- lab(5.67 6.49 -19.83)
- LCH
- lch(5.67 20.87 288.1)
- CMYK
- cmyk(69% 64% 0% 82%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 202440
- 353953
- 4B4F67
- 62667C
- 7A7E90
- 9396A6
- ADAFBB
- C8C9D2
- E3E4E8
Koyu tonlar
- 0B0C26
- 07091F
- 050618
- 030411
- 02020B
- 010106
- 000002
- 000001
- 000000
Gri tonlar
- 171A35
- 21253D
- 2C2F46
- 373A4E
- 424556
- 4E515E
- 5A5C67
- 66686F
- 737478
Renk uyumları
Tamamlayıcı +180°
- 0E102D
Mysterious Depths
- 191400
≈ Chinese Black
Analog -30° +30°
- 0E102D
Mysterious Depths
- 001529
≈ Creeping Death
- 1B0B28
≈ Meški Black
Üçlü +120° +240°
- 0E102D
Mysterious Depths
- 280802
≈ Root Brew
- 001A0B
≈ Oil Slick
Bölünmüş tamamlayıcı +150° +210°
- 0E102D
Mysterious Depths
- 200F00
≈ Super Black
- 0E1800
≈ Oil Slick
Dörtlü +90° +180° +270°
- 0E102D
Mysterious Depths
- 280610
≈ Sepia Black
- 191400
≈ Chinese Black
- 001916
≈ Black Stallion
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 18.57:1 · APCA Lc 105
Ag
FailSiyah üzerinde
WCAG 1.13:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 18.57:1 (AAA) · APCA Lc 105
Contrast pairs
Kod parçacıkları
CSS
:root {
--mysterious-depths: #0e102d;
--mysterious-depths-rgb: 14 16 45;
--mysterious-depths-oklch: oklch(0.191 0.057 276.5);
}
.element {
color: var(--mysterious-depths);
background-color: hsl(236 53% 12%);
border-color: oklch(0.191 0.057 276.5);
}Tailwind CSS v4
@theme {
--color-mysterious-depths: #0e102d;
--color-mysterious-depths-50: #f1f4ff;
--color-mysterious-depths-100: #e3e6fb;
--color-mysterious-depths-200: #ced2ed;
--color-mysterious-depths-300: #b0b5d5;
--color-mysterious-depths-400: #959cc1;
--color-mysterious-depths-500: #7c83ad;
--color-mysterious-depths-600: #696f92;
--color-mysterious-depths-700: #545975;
--color-mysterious-depths-800: #3c4157;
--color-mysterious-depths-900: #292d3c;
--color-mysterious-depths-950: #171a26;
}SCSS
$mysterious-depths: #0e102d;
$mysterious-depths-rgb: 14, 16, 45;
$mysterious-depths-light: mix(#fff, $mysterious-depths, 20%);
$mysterious-depths-dark: mix(#000, $mysterious-depths, 20%);
.element {
color: $mysterious-depths;
box-shadow: 0 0 0 2px rgba($mysterious-depths, 0.35);
}