Nächste benannte Farbe · #120C29
#120C29
Nächste benannte Farbe: Mysterious Depths
#120C29 (rgb(18 12 41), hsl(252 55% 10%), oklch(0.182 0.057 289)) liegt am nächsten an der benannten Farbe Mysterious Depths. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#120C29
oklch(0.182 0.057 289)
Farbumrechnungen
- HEX
- #120c29
- RGB
- rgb(18 12 41)
- HSL
- hsl(252 55% 10%)
- HWB
- hwb(252 5% 84%)
- OKLCH
- oklch(0.182 0.057 289)
- OKLab
- oklab(0.182 0.018 -0.054)
- CIE Lab
- lab(4.81 8.44 -18.16)
- LCH
- lch(4.81 20.02 294.9)
- CMYK
- cmyk(56% 71% 0% 84%)
Tints · Shades · Tones
Tints
- 24203C
- 383550
- 4E4C64
- 656379
- 7D7B8E
- 9594A4
- AFAEBA
- C9C8D0
- E4E3E8
Shades
- 0E0922
- 0A061C
- 070415
- 04030F
- 020209
- 010105
- 010002
- 000001
- 000000
Tones
- 1B1731
- 25213A
- 2F2C43
- 39384B
- 444354
- 504F5D
- 5B5B65
- 67676E
- 747377
Farbharmonien
Komplementär +180°
- 120C29
Mysterious Depths
- 131300
≈ Chinese Black
Analog -30° +30°
- 120C29
Mysterious Depths
- 03112B
≈ Squid’s Ink
- 1C0822
≈ Meški Black
Triadisch +120° +240°
- 120C29
Mysterious Depths
- 220A00
≈ Severely Burnt Toast
- 00170F
≈ Jedi Night
Geteilt komplementär +150° +210°
- 120C29
Mysterious Depths
- 1B1000
≈ Super Black
- 041700
≈ Oil Slick
Tetradisch +90° +180° +270°
- 120C29
Mysterious Depths
- 260508
≈ Sepia Black
- 131300
≈ Chinese Black
- 001617
≈ Black Glaze
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 18.91:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.11:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 18.91:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--mysterious-depths: #120c29;
--mysterious-depths-rgb: 18 12 41;
--mysterious-depths-oklch: oklch(0.182 0.057 289);
}
.element {
color: var(--mysterious-depths);
background-color: hsl(252 55% 10%);
border-color: oklch(0.182 0.057 289);
}Tailwind CSS v4
@theme {
--color-mysterious-depths: #120c29;
--color-mysterious-depths-50: #f5f3ff;
--color-mysterious-depths-100: #e7e5fa;
--color-mysterious-depths-200: #d4d1eb;
--color-mysterious-depths-300: #b7b3d3;
--color-mysterious-depths-400: #9d99bf;
--color-mysterious-depths-500: #8480aa;
--color-mysterious-depths-600: #706d90;
--color-mysterious-depths-700: #5a5773;
--color-mysterious-depths-800: #414055;
--color-mysterious-depths-900: #2d2c3c;
--color-mysterious-depths-950: #1a1925;
}SCSS
$mysterious-depths: #120c29;
$mysterious-depths-rgb: 18, 12, 41;
$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);
}