Benannte Farbe · #00CFB0
Mint Leaf
Mint Leaf ist #00CFB0: rgb(0 207 176), hsl(171 100% 41%), oklch(0.764 0.142 176.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Mint Leaf color name →
#00CFB0
oklch(0.764 0.142 176.7)
Farbumrechnungen
- HEX
- #00cfb0
- RGB
- rgb(0 207 176)
- HSL
- hsl(171 100% 41%)
- HWB
- hwb(171 0% 19%)
- OKLCH
- oklch(0.764 0.142 176.7)
- OKLab
- oklab(0.764 -0.142 0.008)
- CIE Lab
- lab(74.42 -50.03 2.73)
- LCH
- lch(74.42 50.11 176.9)
- CMYK
- cmyk(100% 0% 15% 19%)
Tints · Shades · Tones
Tints
- 45D4B8
- 63D9BF
- 7CDEC7
- 92E3CF
- A6E8D7
- B9EDDF
- CBF1E7
- DDF6EF
- EEFBF7
Shades
- 00B499
- 009982
- 007F6C
- 006756
- 004F42
- 00382E
- 00231C
- 00100B
- 000201
Tones
- 32C7AB
- 46BFA6
- 54B7A1
- 5EAF9C
- 67A898
- 6EA093
- 74988E
- 789089
- 7D8885
Farbharmonien
Komplementär +180°
- 00CFB0
Mint Leaf
- F98AB4
≈ Tickle Me Pink
Analog -30° +30°
- 00CFB0
Mint Leaf
- 70CA7B
≈ Snow Pea
- 00C9DC
≈ The Crowd Roars!
Triadisch +120° +240°
- 00CFB0
Mint Leaf
- BB9FFF
≈ Diva
- F5994F
≈ Fading Torch
Geteilt komplementär +150° +210°
- 00CFB0
Mint Leaf
- E191E2
≈ Love Dust
- FF8D81
≈ Desert Flower
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.99:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.55:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.55:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--mint-leaf: #00cfb0;
--mint-leaf-rgb: 0 207 176;
--mint-leaf-oklch: oklch(0.764 0.142 176.7);
}
.element {
color: var(--mint-leaf);
background-color: hsl(171 100% 41%);
border-color: oklch(0.764 0.142 176.7);
}Tailwind CSS v4
@theme {
--color-mint-leaf: #00cfb0;
--color-mint-leaf-50: #cafff6;
--color-mint-leaf-100: #b4f8e8;
--color-mint-leaf-200: #8de9d5;
--color-mint-leaf-300: #56cfb8;
--color-mint-leaf-400: #00b99c;
--color-mint-leaf-500: #00a384;
--color-mint-leaf-600: #008a70;
--color-mint-leaf-700: #006e59;
--color-mint-leaf-800: #00513f;
--color-mint-leaf-900: #00392c;
--color-mint-leaf-950: #002319;
}SCSS
$mint-leaf: #00cfb0;
$mint-leaf-rgb: 0, 207, 176;
$mint-leaf-light: mix(#fff, $mint-leaf, 20%);
$mint-leaf-dark: mix(#000, $mint-leaf, 20%);
.element {
color: $mint-leaf;
box-shadow: 0 0 0 2px rgba($mint-leaf, 0.35);
}