Colore con nome più vicino · #0D112A
#0D112A
Colore con nome più vicino: Mysterious Depths
#0D112A (rgb(13 17 42), hsl(232 53% 11%), oklch(0.19 0.051 273.8)) è più vicino al colore con nome Mysterious Depths. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#0D112A
oklch(0.19 0.051 273.8)
Conversioni di colore
- HEX
- #0d112a
- RGB
- rgb(13 17 42)
- HSL
- hsl(232 53% 11%)
- HWB
- hwb(232 5% 84%)
- OKLCH
- oklch(0.19 0.051 273.8)
- OKLab
- oklab(0.19 0.003 -0.05)
- CIE Lab
- lab(5.71 4.58 -17.55)
- LCH
- lch(5.71 18.14 284.6)
- CMYK
- cmyk(69% 60% 0% 84%)
Tinte · Ombre · Toni
Tinte
- 20253D
- 343A50
- 4A4F64
- 616679
- 7A7E8E
- 9396A4
- ADB0BA
- C8C9D1
- E3E4E8
Ombre
- 0A0D23
- 07091C
- 050616
- 030410
- 02020A
- 010105
- 000002
- 000001
- 000000
Toni
- 161B32
- 21253B
- 2B3043
- 363B4C
- 424654
- 4E515D
- 5A5C66
- 66686E
- 737477
Armonie di colore
Complementare +180°
- 0D112A
Mysterious Depths
- 1A1300
≈ Super Black
Analogo -30° +30°
- 0D112A
Mysterious Depths
- 001527
≈ Creeping Death
- 190D26
≈ Shot in the Dark
Triadico +120° +240°
- 0D112A
Mysterious Depths
- 260904
≈ Root Brew
- 001A09
≈ Oil Slick
Complementare divisa +150° +210°
- 0D112A
Mysterious Depths
- 210F00
≈ Super Black
- 101700
≈ Pinch of Pepper
Tetradico +90° +180° +270°
- 0D112A
Mysterious Depths
- 250811
≈ Italian Roast
- 1A1300
≈ Super Black
- 001915
≈ Pinch of Pepper
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 18.57:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.13:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 18.57:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
CSS
:root {
--mysterious-depths: #0d112a;
--mysterious-depths-rgb: 13 17 42;
--mysterious-depths-oklch: oklch(0.19 0.051 273.8);
}
.element {
color: var(--mysterious-depths);
background-color: hsl(232 53% 11%);
border-color: oklch(0.19 0.051 273.8);
}Tailwind CSS v4
@theme {
--color-mysterious-depths: #0d112a;
--color-mysterious-depths-50: #f1f4ff;
--color-mysterious-depths-100: #e3e7f9;
--color-mysterious-depths-200: #ced3ea;
--color-mysterious-depths-300: #b0b6d2;
--color-mysterious-depths-400: #959dbd;
--color-mysterious-depths-500: #7b84a8;
--color-mysterious-depths-600: #68708e;
--color-mysterious-depths-700: #535972;
--color-mysterious-depths-800: #3c4254;
--color-mysterious-depths-900: #292d3b;
--color-mysterious-depths-950: #171a25;
}SCSS
$mysterious-depths: #0d112a;
$mysterious-depths-rgb: 13, 17, 42;
$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);
}