Benannte Farbe · #000022
Hadopelagic Water
Hadopelagic Water ist #000022: rgb(0 0 34), hsl(240 100% 7%), oklch(0.114 0.079 264.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Hadopelagic Water color name →
#000022
oklch(0.114 0.079 264.1)
Farbumrechnungen
- HEX
- #000022
- RGB
- rgb(0 0 34)
- HSL
- hsl(240 100% 7%)
- HWB
- hwb(240 0% 87%)
- OKLCH
- oklch(0.114 0.079 264.1)
- OKLab
- oklab(0.114 -0.008 -0.078)
- CIE Lab
- lab(0.88 5.47 -18.93)
- LCH
- lch(0.88 19.7 286.1)
- CMYK
- cmyk(100% 100% 0% 87%)
Tints · Shades · Tones
Tints
- 061436
- 1B2A4B
- 334260
- 4D5A75
- 68748B
- 848EA2
- A1A9B8
- C0C5D0
- DFE2E7
Shades
- 00001C
- 000016
- 000011
- 00000B
- 000007
- 000003
- 000001
- 000000
- 000000
Tones
- 010A2C
- 091635
- 16233F
- 242F48
- 323C51
- 40495B
- 505764
- 5F646D
- 6F7277
Farbharmonien
Komplementär +180°
- 000022
Hadopelagic Water
- 080400
≈ Liquorice
Analog -30° +30°
- 000022
Hadopelagic Water
- 00060C
≈ Eight Ball
- 070019
≈ Midnight Jam
Triadisch +120° +240°
- 000022
Hadopelagic Water
- 120001
≈ Dark Matter
- 000700
≈ Melanous
Geteilt komplementär +150° +210°
- 000022
Hadopelagic Water
- 0C0300
≈ Liquorice
- 050600
≈ Liquorice
Tetradisch +90° +180° +270°
- 000022
Hadopelagic Water
- 100006
≈ Dark Matter
- 080400
≈ Liquorice
- 000704
≈ Black Metal
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 20.52:1 · APCA Lc 106
Ag
FailAuf Schwarz
WCAG 1.02:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 20.52:1 (AAA) · APCA Lc 106
Contrast pairs
Code-Snippets
CSS
:root {
--hadopelagic-water: #000022;
--hadopelagic-water-rgb: 0 0 34;
--hadopelagic-water-oklch: oklch(0.114 0.079 264.1);
}
.element {
color: var(--hadopelagic-water);
background-color: hsl(240 100% 7%);
border-color: oklch(0.114 0.079 264.1);
}Tailwind CSS v4
@theme {
--color-hadopelagic-water: #000022;
--color-hadopelagic-water-50: #ebf5ff;
--color-hadopelagic-water-100: #dce8ff;
--color-hadopelagic-water-200: #c4d4f7;
--color-hadopelagic-water-300: #a5b7e1;
--color-hadopelagic-water-400: #879ece;
--color-hadopelagic-water-500: #6b86bb;
--color-hadopelagic-water-600: #5b719e;
--color-hadopelagic-water-700: #495a7f;
--color-hadopelagic-water-800: #33425e;
--color-hadopelagic-water-900: #232e42;
--color-hadopelagic-water-950: #121b2a;
}SCSS
$hadopelagic-water: #000022;
$hadopelagic-water-rgb: 0, 0, 34;
$hadopelagic-water-light: mix(#fff, $hadopelagic-water, 20%);
$hadopelagic-water-dark: mix(#000, $hadopelagic-water, 20%);
.element {
color: $hadopelagic-water;
box-shadow: 0 0 0 2px rgba($hadopelagic-water, 0.35);
}