Benannte Farbe · #24604F
Teal Drama
Teal Drama ist #24604F: rgb(36 96 79), hsl(163 45% 26%), oklch(0.445 0.068 171.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Teal Drama color name →
#24604F
oklch(0.445 0.068 171.5)
Farbumrechnungen
- HEX
- #24604f
- RGB
- rgb(36 96 79)
- HSL
- hsl(163 45% 26%)
- HWB
- hwb(163 14% 62%)
- OKLCH
- oklch(0.445 0.068 171.5)
- OKLab
- oklab(0.445 -0.068 0.01)
- CIE Lab
- lab(36.46 -23.78 3.66)
- LCH
- lch(36.46 24.06 171.2)
- CMYK
- cmyk(63% 0% 18% 62%)
Tints · Shades · Tones
Tints
- 3B6F5F
- 517E6F
- 668D80
- 7B9D91
- 91ADA3
- A6BDB4
- BCCDC7
- D2DDD9
- E8EEEC
Shades
- 1E5244
- 184538
- 12382E
- 0C2C23
- 072019
- 041510
- 020A07
- 000302
- 000000
Tones
- 306354
- 3A6758
- 446A5D
- 4D6D62
- 567067
- 5F736C
- 677771
- 6F7A76
- 787D7B
Farbharmonien
Komplementär +180°
- 24604F
Teal Drama
- 714358
≈ Deep Carmine
Analog -30° +30°
- 24604F
Teal Drama
- 3E5D39
≈ Turf
- 165F64
≈ Beau Vert
Triadisch +120° +240°
- 24604F
Teal Drama
- 544D77
≈ Saffron Crocus
- 72482F
≈ Cape Palliser
Geteilt komplementär +150° +210°
- 24604F
Teal Drama
- 65476B
≈ Sultana
- 754443
≈ Chianti
Tetradisch +90° +180° +270°
- 24604F
Teal Drama
- 3E547A
≈ Deep Azure
- 714358
≈ Deep Carmine
- 675023
≈ Black Queen
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.33:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.86:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.33:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--teal-drama: #24604f;
--teal-drama-rgb: 36 96 79;
--teal-drama-oklch: oklch(0.445 0.068 171.5);
}
.element {
color: var(--teal-drama);
background-color: hsl(163 45% 26%);
border-color: oklch(0.445 0.068 171.5);
}Tailwind CSS v4
@theme {
--color-teal-drama: #24604f;
--color-teal-drama-50: #e2fcf3;
--color-teal-drama-100: #d2f0e6;
--color-teal-drama-200: #b7ded2;
--color-teal-drama-300: #94c3b4;
--color-teal-drama-400: #74ac99;
--color-teal-drama-500: #539580;
--color-teal-drama-600: #477e6d;
--color-teal-drama-700: #396557;
--color-teal-drama-800: #294a3e;
--color-teal-drama-900: #1b332b;
--color-teal-drama-950: #0b1f18;
}SCSS
$teal-drama: #24604f;
$teal-drama-rgb: 36, 96, 79;
$teal-drama-light: mix(#fff, $teal-drama, 20%);
$teal-drama-dark: mix(#000, $teal-drama, 20%);
.element {
color: $teal-drama;
box-shadow: 0 0 0 2px rgba($teal-drama, 0.35);
}