Benannte Farbe · #80D9CC
Mintos
Mintos ist #80D9CC: rgb(128 217 204), hsl(171 54% 68%), oklch(0.826 0.088 183.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Mintos color name →
#80D9CC
oklch(0.826 0.088 183.8)
Farbumrechnungen
- HEX
- #80d9cc
- RGB
- rgb(128 217 204)
- HSL
- hsl(171 54% 68%)
- HWB
- hwb(171 50% 15%)
- OKLCH
- oklch(0.826 0.088 183.8)
- OKLab
- oklab(0.826 -0.088 -0.006)
- CIE Lab
- lab(80.85 -30.29 -2.43)
- LCH
- lch(80.85 30.38 184.6)
- CMYK
- cmyk(41% 0% 6% 15%)
Tints · Shades · Tones
Tints
- 8EDDD1
- 9CE1D6
- A9E5DB
- B6E9E0
- C3ECE5
- CFF0EA
- DBF4EF
- E7F8F5
- F3FBFA
Shades
- 6EBCB1
- 5DA197
- 4D867E
- 3D6C65
- 2E534E
- 1F3B37
- 122522
- 06110F
- 010202
Tones
- 82D0C4
- 83C7BC
- 84BEB5
- 84B5AD
- 84ACA5
- 84A39E
- 839A96
- 82918F
- 818987
Farbharmonien
Komplementär +180°
- 80D9CC
Mintos
- F8AEBF
≈ Sweet Caroline
Analog -30° +30°
- 80D9CC
Mintos
- 99D7AC
≈ Peaceful Pastures
- 7ED5E9
≈ Middle Blue
Triadisch +120° +240°
- 80D9CC
Mintos
- D2B8F5
≈ Pink Illusion
- EFBA89
≈ Baba Ganoush
Geteilt komplementär +150° +210°
- 80D9CC
Mintos
- EAB1DE
≈ Flower Power
- FAB2A1
≈ Mystic Tulip
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.65:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.71:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.71:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--mintos: #80d9cc;
--mintos-rgb: 128 217 204;
--mintos-oklch: oklch(0.826 0.088 183.8);
}
.element {
color: var(--mintos);
background-color: hsl(171 54% 68%);
border-color: oklch(0.826 0.088 183.8);
}Tailwind CSS v4
@theme {
--color-mintos: #80d9cc;
--color-mintos-50: #dafef9;
--color-mintos-100: #c8f2ec;
--color-mintos-200: #aae1da;
--color-mintos-300: #82c7be;
--color-mintos-400: #5cb0a4;
--color-mintos-500: #2d998c;
--color-mintos-600: #298177;
--color-mintos-700: #21685f;
--color-mintos-800: #174c44;
--color-mintos-900: #0f352f;
--color-mintos-950: #02201c;
}SCSS
$mintos: #80d9cc;
$mintos-rgb: 128, 217, 204;
$mintos-light: mix(#fff, $mintos, 20%);
$mintos-dark: mix(#000, $mintos, 20%);
.element {
color: $mintos;
box-shadow: 0 0 0 2px rgba($mintos, 0.35);
}