Benannte Farbe · #439E8D
Dioptase Green
Dioptase Green ist #439E8D: rgb(67 158 141), hsl(169 40% 44%), oklch(0.639 0.091 179). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Dioptase Green color name →
#439E8D
oklch(0.639 0.091 179)
Farbumrechnungen
- HEX
- #439e8d
- RGB
- rgb(67 158 141)
- HSL
- hsl(169 40% 44%)
- HWB
- hwb(169 26% 38%)
- OKLCH
- oklch(0.639 0.091 179)
- OKLab
- oklab(0.639 -0.091 0.002)
- CIE Lab
- lab(59.32 -31.54 0.33)
- LCH
- lch(59.32 31.54 179.4)
- CMYK
- cmyk(58% 0% 11% 38%)
Tints · Shades · Tones
Tints
- 59A898
- 6DB1A3
- 81BBAE
- 93C4B9
- A5CEC4
- B7D8D0
- C9E2DC
- DBEBE7
- EDF5F3
Shades
- 39897A
- 2F7467
- 266055
- 1D4D44
- 143A33
- 0C2923
- 051814
- 010907
- 000101
Tones
- 4D9B8C
- 55988A
- 5C9589
- 629288
- 688F86
- 6E8C85
- 738984
- 778683
- 7C8381
Farbharmonien
Komplementär +180°
- 439E8D
Dioptase Green
- B9748B
≈ Strawberry Surprise
Analog -30° +30°
- 439E8D
Dioptase Green
- 639B6E
≈ Leafy
- 3B9BAA
≈ Caribbean Cruise
Triadisch +120° +240°
- 439E8D
Dioptase Green
- 9380BC
≈ Bravo!
- B57E52
≈ Komodo Dragon
Geteilt komplementär +150° +210°
- 439E8D
Dioptase Green
- AB78A7
≈ Victorian Violet
- BD766C
≈ November
Tetradisch +90° +180° +270°
- 439E8D
Dioptase Green
- 758AC4
≈ Hydrangea
- B9748B
≈ Strawberry Surprise
- A28947
≈ Ecru Olive
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.22:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.51:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.51:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--dioptase-green: #439e8d;
--dioptase-green-rgb: 67 158 141;
--dioptase-green-oklch: oklch(0.639 0.091 179);
}
.element {
color: var(--dioptase-green);
background-color: hsl(169 40% 44%);
border-color: oklch(0.639 0.091 179);
}Tailwind CSS v4
@theme {
--color-dioptase-green: #439e8d;
--color-dioptase-green-50: #dafef6;
--color-dioptase-green-100: #c8f2e9;
--color-dioptase-green-200: #aae2d6;
--color-dioptase-green-300: #82c7ba;
--color-dioptase-green-400: #5cb09f;
--color-dioptase-green-500: #2e9a87;
--color-dioptase-green-600: #2a8272;
--color-dioptase-green-700: #21685c;
--color-dioptase-green-800: #174d42;
--color-dioptase-green-900: #0f352d;
--color-dioptase-green-950: #02201a;
}SCSS
$dioptase-green: #439e8d;
$dioptase-green-rgb: 67, 158, 141;
$dioptase-green-light: mix(#fff, $dioptase-green, 20%);
$dioptase-green-dark: mix(#000, $dioptase-green, 20%);
.element {
color: $dioptase-green;
box-shadow: 0 0 0 2px rgba($dioptase-green, 0.35);
}