Benannte Farbe · #71999B
Teal & Tonic
Teal & Tonic ist #71999B: rgb(113 153 155), hsl(183 17% 53%), oklch(0.654 0.044 200). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Teal & Tonic color name →
#71999B
oklch(0.654 0.044 200)
Farbumrechnungen
- HEX
- #71999b
- RGB
- rgb(113 153 155)
- HSL
- hsl(183 17% 53%)
- HWB
- hwb(183 44% 39%)
- OKLCH
- oklch(0.654 0.044 200)
- OKLab
- oklab(0.654 -0.041 -0.015)
- CIE Lab
- lab(60.34 -13.82 -5.75)
- LCH
- lch(60.34 14.97 202.6)
- CMYK
- cmyk(27% 1% 0% 39%)
Tints · Shades · Tones
Tints
- 7FA3A5
- 8DADAE
- 9BB7B8
- A9C1C2
- B7CBCC
- C5D5D6
- D3E0E0
- E2EAEA
- F0F4F5
Shades
- 618486
- 527072
- 435D5E
- 354A4B
- 273839
- 1A2728
- 0E1718
- 040809
- 010101
Tones
- 739798
- 759496
- 769293
- 788F90
- 7A8D8D
- 7B8A8B
- 7C8888
- 7E8585
- 7F8383
Farbharmonien
Komplementär +180°
- 71999B
Teal & Tonic
- AA8685
≈ Blackberry Mocha
Analog -30° +30°
- 71999B
Teal & Tonic
- 769A8C
≈ Silent Sage
- 7596A6
≈ Smoky Blue
Triadisch +120° +240°
- 71999B
Teal & Tonic
- 9D88A1
≈ Amethyst Grey Violet
- 9F8E73
≈ Barro Verde
Geteilt komplementär +150° +210°
- 71999B
Teal & Tonic
- A68694
≈ Mohair Pink
- A78979
≈ Tribal Pottery
Tetradisch +90° +180° +270°
- 71999B
Teal & Tonic
- 908CAA
≈ Antique Viola
- AA8685
≈ Blackberry Mocha
- 929374
≈ Dry Hemlock
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.11:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.73:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--teal-tonic: #71999b;
--teal-tonic-rgb: 113 153 155;
--teal-tonic-oklch: oklch(0.654 0.044 200);
}
.element {
color: var(--teal-tonic);
background-color: hsl(183 17% 53%);
border-color: oklch(0.654 0.044 200);
}Tailwind CSS v4
@theme {
--color-teal-tonic: #71999b;
--color-teal-tonic-50: #e8f9fa;
--color-teal-tonic-100: #d8edee;
--color-teal-tonic-200: #c0dadc;
--color-teal-tonic-300: #9ebfc1;
--color-teal-tonic-400: #80a7a9;
--color-teal-tonic-500: #638f92;
--color-teal-tonic-600: #54797b;
--color-teal-tonic-700: #436163;
--color-teal-tonic-800: #304748;
--color-teal-tonic-900: #213132;
--color-teal-tonic-950: #101d1e;
}SCSS
$teal-tonic: #71999b;
$teal-tonic-rgb: 113, 153, 155;
$teal-tonic-light: mix(#fff, $teal-tonic, 20%);
$teal-tonic-dark: mix(#000, $teal-tonic, 20%);
.element {
color: $teal-tonic;
box-shadow: 0 0 0 2px rgba($teal-tonic, 0.35);
}