Najbliższy nazwany kolor · #0D1231
#0D1231
Najbliższy nazwany kolor: Mysterious Depths
#0D1231 (rgb(13 18 49), hsl(232 58% 12%), oklch(0.199 0.061 272.7)) jest najbliższy nazwanemu kolorowi Mysterious Depths. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#0D1231
oklch(0.199 0.061 272.7)
Konwersje koloru
- HEX
- #0d1231
- RGB
- rgb(13 18 49)
- HSL
- hsl(232 58% 12%)
- HWB
- hwb(232 5% 81%)
- OKLCH
- oklch(0.199 0.061 272.7)
- OKLab
- oklab(0.199 0.003 -0.061)
- CIE Lab
- lab(6.41 6.62 -21.63)
- LCH
- lch(6.41 22.62 287)
- CMYK
- cmyk(73% 63% 0% 81%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 1F2644
- 343B57
- 4A516A
- 61687E
- 797F93
- 9397A8
- ADB0BD
- C7CAD3
- E3E4E9
Odcienie ciemniejsze
- 0A0E29
- 070A22
- 05071A
- 030413
- 02020C
- 010106
- 000103
- 000001
- 000000
Tony
- 161C39
- 202741
- 2B3149
- 363C51
- 424758
- 4E5260
- 5A5D68
- 666870
- 737478
Harmonie kolorów
Komplementarna +180°
- 0D1231
Mysterious Depths
- 1C1500
≈ Super Black
Analogowa -30° +30°
- 0D1231
Mysterious Depths
- 001829
≈ Creeping Death
- 1B0D2C
≈ Midnight Monarch
Triada +120° +240°
- 0D1231
Mysterious Depths
- 2C0803
≈ Root Brew
- 001C0A
≈ Clock Chimes Thirteen
Komplementarna rozszczepiona +150° +210°
- 0D1231
Mysterious Depths
- 241000
≈ Super Black
- 121900
≈ Pinch of Pepper
Tetrada +90° +180° +270°
- 0D1231
Mysterious Depths
- 2B0613
≈ Ilvaite Black
- 1C1500
≈ Super Black
- 001B17
≈ Black Stallion
Kontrast i dostępność
Ag
AAANa bieli
WCAG 18.29:1 · APCA Lc 105
Ag
FailNa czerni
WCAG 1.14:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 18.29:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmenty kodu
CSS
:root {
--mysterious-depths: #0d1231;
--mysterious-depths-rgb: 13 18 49;
--mysterious-depths-oklch: oklch(0.199 0.061 272.7);
}
.element {
color: var(--mysterious-depths);
background-color: hsl(232 58% 12%);
border-color: oklch(0.199 0.061 272.7);
}Tailwind CSS v4
@theme {
--color-mysterious-depths: #0d1231;
--color-mysterious-depths-50: #eff4ff;
--color-mysterious-depths-100: #e1e7fd;
--color-mysterious-depths-200: #ccd3ef;
--color-mysterious-depths-300: #aeb6d8;
--color-mysterious-depths-400: #929dc4;
--color-mysterious-depths-500: #7884b0;
--color-mysterious-depths-600: #667094;
--color-mysterious-depths-700: #515977;
--color-mysterious-depths-800: #3a4158;
--color-mysterious-depths-900: #282d3e;
--color-mysterious-depths-950: #161a27;
}SCSS
$mysterious-depths: #0d1231;
$mysterious-depths-rgb: 13, 18, 49;
$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);
}