Benannte Farbe · #445956
Mariana Trench
Mariana Trench ist #445956: rgb(68 89 86), hsl(171 13% 31%), oklch(0.446 0.026 185.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mariana Trench color name →
#445956
oklch(0.446 0.026 185.5)
Farbumrechnungen
- HEX
- #445956
- RGB
- rgb(68 89 86)
- HSL
- hsl(171 13% 31%)
- HWB
- hwb(171 27% 65%)
- OKLCH
- oklch(0.446 0.026 185.5)
- OKLab
- oklab(0.446 -0.026 -0.003)
- CIE Lab
- lab(36.01 -8.86 -1.03)
- LCH
- lch(36.01 8.92 186.6)
- CMYK
- cmyk(24% 0% 3% 65%)
Tints · Shades · Tones
Tints
- 556865
- 667875
- 788885
- 8A9896
- 9DA8A6
- B0B9B8
- C3CAC9
- D7DCDB
- EBEDED
Shades
- 3A4C4A
- 30403E
- 263432
- 1D2827
- 141D1C
- 0C1312
- 050908
- 020302
- 000000
Tones
- 4A5D5A
- 50615E
- 566562
- 5C6866
- 626C6B
- 68706F
- 6E7473
- 747877
- 7A7C7C
Farbharmonien
Komplementär +180°
- 445956
Mariana Trench
- 614E52
≈ Berry Wine
Analog -30° +30°
- 445956
Mariana Trench
- 49594E
≈ Greener Pastures
- 44585D
≈ Asher Benjamin
Triadisch +120° +240°
- 445956
Mariana Trench
- 575160
≈ Napa Grape
- 5E5145
≈ Volcanic Island
Geteilt komplementär +150° +210°
- 445956
Mariana Trench
- 5E4F5A
≈ Wishing Star
- 624F4A
≈ Chocolate Pretzel
Tetradisch +90° +180° +270°
- 445956
Mariana Trench
- 505363
≈ Black Orchid
- 614E52
≈ Berry Wine
- 585444
≈ Olive Smudge
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.47:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.80:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.47:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--mariana-trench: #445956;
--mariana-trench-rgb: 68 89 86;
--mariana-trench-oklch: oklch(0.446 0.026 185.5);
}
.element {
color: var(--mariana-trench);
background-color: hsl(171 13% 31%);
border-color: oklch(0.446 0.026 185.5);
}Tailwind CSS v4
@theme {
--color-mariana-trench: #445956;
--color-mariana-trench-50: #edf8f6;
--color-mariana-trench-100: #dfebe9;
--color-mariana-trench-200: #c8d8d6;
--color-mariana-trench-300: #a9bcba;
--color-mariana-trench-400: #8ea4a0;
--color-mariana-trench-500: #738c88;
--color-mariana-trench-600: #627773;
--color-mariana-trench-700: #4e5f5c;
--color-mariana-trench-800: #394543;
--color-mariana-trench-900: #27302e;
--color-mariana-trench-950: #151c1b;
}SCSS
$mariana-trench: #445956;
$mariana-trench-rgb: 68, 89, 86;
$mariana-trench-light: mix(#fff, $mariana-trench, 20%);
$mariana-trench-dark: mix(#000, $mariana-trench, 20%);
.element {
color: $mariana-trench;
box-shadow: 0 0 0 2px rgba($mariana-trench, 0.35);
}