Benannte Farbe · #476062
Midnight Teal
Midnight Teal ist #476062: rgb(71 96 98), hsl(184 16% 33%), oklch(0.47 0.03 202.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Midnight Teal color name →
#476062
oklch(0.47 0.03 202.3)
Farbumrechnungen
- HEX
- #476062
- RGB
- rgb(71 96 98)
- HSL
- hsl(184 16% 33%)
- HWB
- hwb(184 28% 62%)
- OKLCH
- oklch(0.47 0.03 202.3)
- OKLab
- oklab(0.47 -0.028 -0.011)
- CIE Lab
- lab(38.77 -9.29 -4.36)
- LCH
- lch(38.77 10.26 205.1)
- CMYK
- cmyk(28% 2% 0% 62%)
Tints · Shades · Tones
Tints
- 586F70
- 697E7F
- 7B8D8E
- 8D9C9E
- 9FACAD
- B2BCBD
- C4CDCD
- D8DDDE
- EBEEEE
Shades
- 3D5254
- 324547
- 28383A
- 1F2C2D
- 162021
- 0D1516
- 060A0B
- 020303
- 000000
Tones
- 4D6365
- 526668
- 586A6B
- 5E6D6E
- 647071
- 697374
- 6F7677
- 757A7A
- 7A7D7D
Farbharmonien
Komplementär +180°
- 476062
Midnight Teal
- 6B5453
≈ Briar Wood
Analog -30° +30°
- 476062
Midnight Teal
- 4A6059
≈ New Hunter
- 4A5E69
≈ Ragtime Blues
Triadisch +120° +240°
- 476062
Midnight Teal
- 635565
≈ Fedora
- 635948
≈ Winter Oak
Geteilt komplementär +150° +210°
- 476062
Midnight Teal
- 69545C
≈ Mocha Brown
- 69564B
≈ Wild Mustang
Tetradisch +90° +180° +270°
- 476062
Midnight Teal
- 5B586B
≈ Ripe Berry
- 6B5453
≈ Briar Wood
- 5B5D49
≈ Almond Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.73:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.11:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.73:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--midnight-teal: #476062;
--midnight-teal-rgb: 71 96 98;
--midnight-teal-oklch: oklch(0.47 0.03 202.3);
}
.element {
color: var(--midnight-teal);
background-color: hsl(184 16% 33%);
border-color: oklch(0.47 0.03 202.3);
}Tailwind CSS v4
@theme {
--color-midnight-teal: #476062;
--color-midnight-teal-50: #ecf8f9;
--color-midnight-teal-100: #ddebec;
--color-midnight-teal-200: #c6d8da;
--color-midnight-teal-300: #a6bcbe;
--color-midnight-teal-400: #8ba4a6;
--color-midnight-teal-500: #6f8c8f;
--color-midnight-teal-600: #5f7779;
--color-midnight-teal-700: #4b5f61;
--color-midnight-teal-800: #364646;
--color-midnight-teal-900: #253031;
--color-midnight-teal-950: #141c1d;
}SCSS
$midnight-teal: #476062;
$midnight-teal-rgb: 71, 96, 98;
$midnight-teal-light: mix(#fff, $midnight-teal, 20%);
$midnight-teal-dark: mix(#000, $midnight-teal, 20%);
.element {
color: $midnight-teal;
box-shadow: 0 0 0 2px rgba($midnight-teal, 0.35);
}