Benannte Farbe · #C5DACC
Micaceous Green
Micaceous Green ist #C5DACC: rgb(197 218 204), hsl(140 22% 81%), oklch(0.869 0.029 156.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Micaceous Green color name →
#C5DACC
oklch(0.869 0.029 156.6)
Farbumrechnungen
- HEX
- #c5dacc
- RGB
- rgb(197 218 204)
- HSL
- hsl(140 22% 81%)
- HWB
- hwb(140 77% 15%)
- OKLCH
- oklch(0.869 0.029 156.6)
- OKLab
- oklab(0.869 -0.027 0.012)
- CIE Lab
- lab(85.17 -9.25 4.4)
- LCH
- lch(85.17 10.24 154.6)
- CMYK
- cmyk(10% 0% 6% 15%)
Tints · Shades · Tones
Tints
- CBDED1
- D0E1D6
- D6E5DB
- DCE9E0
- E2ECE5
- E8F0EA
- EDF4F0
- F3F8F5
- F9FBFA
Shades
- ABBDB1
- 92A297
- 79877E
- 616C65
- 4B544E
- 353C37
- 212522
- 0E110F
- 020202
Tones
- BED1C4
- B7C7BC
- B0BEB5
- A9B5AD
- A2ACA5
- 9BA39E
- 949A96
- 8D918F
- 878987
Farbharmonien
Komplementär +180°
- C5DACC
Micaceous Green
- E1CDDB
≈ Cassia Buds
Analog -30° +30°
- C5DACC
Micaceous Green
- CFD8C3
≈ Garden Mint
- BFDBD7
≈ Meander Blue
Triadisch +120° +240°
- C5DACC
Micaceous Green
- CED3E8
≈ Artistic Violet
- E6CEC7
≈ Mosaic Pink
Geteilt komplementär +150° +210°
- C5DACC
Micaceous Green
- D9CFE4
≈ Mountain’s Majesty
- E6CCD0
≈ Cool Pink
Tetradisch +90° +180° +270°
- C5DACC
Micaceous Green
- C5D6E7
≈ Defenestration
- E1CDDB
≈ Cassia Buds
- E2D1C0
≈ Ice Cream Cone
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.47:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.27:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.27:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--micaceous-green: #c5dacc;
--micaceous-green-rgb: 197 218 204;
--micaceous-green-oklch: oklch(0.869 0.029 156.6);
}
.element {
color: var(--micaceous-green);
background-color: hsl(140 22% 81%);
border-color: oklch(0.869 0.029 156.6);
}Tailwind CSS v4
@theme {
--color-micaceous-green: #c5dacc;
--color-micaceous-green-50: #eef8f2;
--color-micaceous-green-100: #e0ebe4;
--color-micaceous-green-200: #cad8d0;
--color-micaceous-green-300: #abbcb2;
--color-micaceous-green-400: #91a497;
--color-micaceous-green-500: #778c7e;
--color-micaceous-green-600: #65776b;
--color-micaceous-green-700: #505f55;
--color-micaceous-green-800: #3b463e;
--color-micaceous-green-900: #28302b;
--color-micaceous-green-950: #161c18;
}SCSS
$micaceous-green: #c5dacc;
$micaceous-green-rgb: 197, 218, 204;
$micaceous-green-light: mix(#fff, $micaceous-green, 20%);
$micaceous-green-dark: mix(#000, $micaceous-green, 20%);
.element {
color: $micaceous-green;
box-shadow: 0 0 0 2px rgba($micaceous-green, 0.35);
}