Benannte Farbe · #80B690
Veiled Chameleon
Veiled Chameleon ist #80B690: rgb(128 182 144), hsl(138 27% 61%), oklch(0.728 0.079 153.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Veiled Chameleon color name →
#80B690
oklch(0.728 0.079 153.4)
Farbumrechnungen
- HEX
- #80b690
- RGB
- rgb(128 182 144)
- HSL
- hsl(138 27% 61%)
- HWB
- hwb(138 50% 29%)
- OKLCH
- oklch(0.728 0.079 153.4)
- OKLab
- oklab(0.728 -0.071 0.035)
- CIE Lab
- lab(69.49 -24.43 13.5)
- LCH
- lch(69.49 27.91 151.1)
- CMYK
- cmyk(30% 0% 21% 29%)
Tints · Shades · Tones
Tints
- 8DBD9B
- 9AC5A6
- A6CCB0
- B3D3BB
- BFDAC6
- CCE2D2
- D9E9DD
- E5F0E8
- F2F8F4
Shades
- 6E9E7D
- 5D866A
- 4D6F57
- 3D5945
- 2E4434
- 1F3024
- 121D15
- 060C07
- 010201
Tones
- 81B18E
- 81AB8D
- 81A68B
- 81A08A
- 819B88
- 819587
- 819085
- 818B83
- 808582
Farbharmonien
Komplementär +180°
- 80B690
Veiled Chameleon
- C695BC
≈ Moorland Heather
Analog -30° +30°
- 80B690
Veiled Chameleon
- 9DB078
≈ Death Guard
- 6AB8AC
≈ Glacial Green
Triadisch +120° +240°
- 80B690
Veiled Chameleon
- 97A4D9
≈ Dalmatian Sage
- D49587
≈ Peach Preserve
Geteilt komplementär +150° +210°
- 80B690
Veiled Chameleon
- B19BD0
≈ Biloba Flower
- D292A2
≈ Madagascar Pink
Tetradisch +90° +180° +270°
- 80B690
Veiled Chameleon
- 7BADD5
≈ Blue Eyes
- C695BC
≈ Moorland Heather
- CB9D73
≈ Fresh Croissant
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.33:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.01:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--veiled-chameleon: #80b690;
--veiled-chameleon-rgb: 128 182 144;
--veiled-chameleon-oklch: oklch(0.728 0.079 153.4);
}
.element {
color: var(--veiled-chameleon);
background-color: hsl(138 27% 61%);
border-color: oklch(0.728 0.079 153.4);
}Tailwind CSS v4
@theme {
--color-veiled-chameleon: #80b690;
--color-veiled-chameleon-50: #e4fcec;
--color-veiled-chameleon-100: #d4f0dd;
--color-veiled-chameleon-200: #badfc6;
--color-veiled-chameleon-300: #97c4a6;
--color-veiled-chameleon-400: #7aac89;
--color-veiled-chameleon-500: #5b966d;
--color-veiled-chameleon-600: #4d7f5d;
--color-veiled-chameleon-700: #3e654a;
--color-veiled-chameleon-800: #2d4a34;
--color-veiled-chameleon-900: #1e3424;
--color-veiled-chameleon-950: #0e1f13;
}SCSS
$veiled-chameleon: #80b690;
$veiled-chameleon-rgb: 128, 182, 144;
$veiled-chameleon-light: mix(#fff, $veiled-chameleon, 20%);
$veiled-chameleon-dark: mix(#000, $veiled-chameleon, 20%);
.element {
color: $veiled-chameleon;
box-shadow: 0 0 0 2px rgba($veiled-chameleon, 0.35);
}