Couleur nommée la plus proche · #120B26
#120B26
Couleur nommée la plus proche: Mysterious Depths
#120B26 (rgb(18 11 38), hsl(256 55% 10%), oklch(0.177 0.053 292)) est la plus proche de la couleur nommée Mysterious Depths. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#120B26
oklch(0.177 0.053 292)
Conversions de couleur
- HEX
- #120b26
- RGB
- rgb(18 11 38)
- HSL
- hsl(256 55% 10%)
- HWB
- hwb(256 4% 85%)
- OKLCH
- oklch(0.177 0.053 292)
- OKLab
- oklab(0.177 0.02 -0.05)
- CIE Lab
- lab(4.44 7.9 -16.45)
- LCH
- lch(4.44 18.25 295.6)
- CMYK
- cmyk(53% 71% 0% 85%)
Teintes · Ombres · Tons
Teintes
- 241F39
- 39344D
- 4E4B61
- 656276
- 7D7A8C
- 9593A2
- AFADB9
- C9C8D0
- E4E3E7
Ombres
- 0E0820
- 0A0619
- 070413
- 04020D
- 020108
- 010104
- 010002
- 000001
- 000000
Tons
- 1B162F
- 252037
- 2F2B40
- 3A3749
- 454252
- 504E5B
- 5C5A64
- 67676D
- 747377
Harmonies de couleurs
Complémentaire +180°
- 120B26
Mysterious Depths
- 111200
≈ Chinese Black
Analogue -30° +30°
- 120B26
Mysterious Depths
- 040F28
≈ Void
- 1B071F
≈ Meški Black
Triadique +120° +240°
- 120B26
Mysterious Depths
- 200A00
≈ Soy Sauce
- 00160F
≈ Jedi Night
Complémentaire divisée +150° +210°
- 120B26
Mysterious Depths
- 190F00
≈ Chinese Black
- 021601
≈ Oil Slick
Tétradique +90° +180° +270°
- 120B26
Mysterious Depths
- 240506
≈ Sepia Black
- 111200
≈ Chinese Black
- 001517
≈ Black Glaze
Contraste et accessibilité
Ag
AAASur blanc
WCAG 19.06:1 · APCA Lc 105
Ag
FailSur noir
WCAG 1.10:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 19.06:1 (AAA) · APCA Lc 105
Contrast pairs
Extraits de code
CSS
:root {
--mysterious-depths: #120b26;
--mysterious-depths-rgb: 18 11 38;
--mysterious-depths-oklch: oklch(0.177 0.053 292);
}
.element {
color: var(--mysterious-depths);
background-color: hsl(256 55% 10%);
border-color: oklch(0.177 0.053 292);
}Tailwind CSS v4
@theme {
--color-mysterious-depths: #120b26;
--color-mysterious-depths-50: #f6f3ff;
--color-mysterious-depths-100: #e8e5f9;
--color-mysterious-depths-200: #d5d0ea;
--color-mysterious-depths-300: #b8b3d1;
--color-mysterious-depths-400: #9e99bc;
--color-mysterious-depths-500: #8680a7;
--color-mysterious-depths-600: #726c8d;
--color-mysterious-depths-700: #5b5771;
--color-mysterious-depths-800: #423f54;
--color-mysterious-depths-900: #2d2c3b;
--color-mysterious-depths-950: #1a1925;
}SCSS
$mysterious-depths: #120b26;
$mysterious-depths-rgb: 18, 11, 38;
$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);
}