Benannte Farbe · #C6D6C7
New Moss
New Moss ist #C6D6C7: rgb(198 214 199), hsl(124 16% 81%), oklch(0.86 0.027 147.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · New Moss color name →
#C6D6C7
oklch(0.86 0.027 147.1)
Farbumrechnungen
- HEX
- #c6d6c7
- RGB
- rgb(198 214 199)
- HSL
- hsl(124 16% 81%)
- HWB
- hwb(124 78% 16%)
- OKLCH
- oklch(0.86 0.027 147.1)
- OKLab
- oklab(0.86 -0.022 0.015)
- CIE Lab
- lab(84.09 -7.67 5.49)
- LCH
- lch(84.09 9.43 144.4)
- CMYK
- cmyk(7% 0% 7% 16%)
Tints · Shades · Tones
Tints
- CCDACC
- D1DED2
- D7E2D8
- DDE6DD
- E2EAE3
- E8EEE8
- EEF3EE
- F3F7F4
- F9FBF9
Shades
- ACBAAD
- 929E93
- 7A847A
- 626A62
- 4B524C
- 353B36
- 212521
- 0E100E
- 020202
Tones
- BFCDC0
- B8C4B8
- B0BBB1
- A9B3AA
- A2AAA3
- 9BA19C
- 949995
- 8E918E
- 878887
Farbharmonien
Komplementär +180°
- C6D6C7
New Moss
- DBCBDA
≈ Creamy Mauve
Analog -30° +30°
- C6D6C7
New Moss
- CFD4C0
≈ Glowing Green
- BFD7D0
≈ Aquatic Edge
Triadisch +120° +240°
- C6D6C7
New Moss
- C9D1E3
≈ Pale Periwinkle
- E2CBC7
≈ Satin Teddy
Geteilt komplementär +150° +210°
- C6D6C7
New Moss
- D2CEE1
≈ Potentially Purple
- E1CAD1
≈ Sweet and Sassy
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.51:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.84:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.84:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--new-moss: #c6d6c7;
--new-moss-rgb: 198 214 199;
--new-moss-oklch: oklch(0.86 0.027 147.1);
}
.element {
color: var(--new-moss);
background-color: hsl(124 16% 81%);
border-color: oklch(0.86 0.027 147.1);
}Tailwind CSS v4
@theme {
--color-new-moss: #c6d6c7;
--color-new-moss-50: #f0f7f1;
--color-new-moss-100: #e2eae3;
--color-new-moss-200: #cdd8ce;
--color-new-moss-300: #aebbb0;
--color-new-moss-400: #95a395;
--color-new-moss-500: #7b8b7c;
--color-new-moss-600: #687669;
--color-new-moss-700: #535e54;
--color-new-moss-800: #3d453d;
--color-new-moss-900: #2a302a;
--color-new-moss-950: #171c17;
}SCSS
$new-moss: #c6d6c7;
$new-moss-rgb: 198, 214, 199;
$new-moss-light: mix(#fff, $new-moss, 20%);
$new-moss-dark: mix(#000, $new-moss, 20%);
.element {
color: $new-moss;
box-shadow: 0 0 0 2px rgba($new-moss, 0.35);
}