Benannte Farbe · #C7DFB8
Satin Green
Satin Green ist #C7DFB8: rgb(199 223 184), hsl(97 38% 80%), oklch(0.876 0.058 133.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Satin Green color name →
#C7DFB8
oklch(0.876 0.058 133.4)
Farbumrechnungen
- HEX
- #c7dfb8
- RGB
- rgb(199 223 184)
- HSL
- hsl(97 38% 80%)
- HWB
- hwb(97 72% 13%)
- OKLCH
- oklch(0.876 0.058 133.4)
- OKLab
- oklab(0.876 -0.04 0.042)
- CIE Lab
- lab(86.26 -13.49 16.39)
- LCH
- lch(86.26 21.23 129.5)
- CMYK
- cmyk(11% 0% 17% 13%)
Tints · Shades · Tones
Tints
- CDE2BF
- D2E5C6
- D8E9CD
- DDECD4
- E3EFDB
- E8F2E2
- EEF5EA
- F4F9F1
- F9FCF8
Shades
- ADC2A0
- 93A588
- 7A8A71
- 626F5B
- 4C5645
- 363D31
- 21271E
- 0E120C
- 020202
Tones
- C0D5B2
- B8CBAD
- B1C2A7
- AAB8A1
- A3AE9C
- 9CA596
- 959C91
- 8E928B
- 878986
Farbharmonien
Komplementär +180°
- C7DFB8
Satin Green
- E4CBF2
≈ Mousse aux Pruneaux
Analog -30° +30°
- C7DFB8
Satin Green
- DCD8AC
≈ Mǐ Bái Beige
- B4E3CB
≈ Beach Blanket
Triadisch +120° +240°
- C7DFB8
Satin Green
- BCD9FC
≈ Oh Boy!
- FAC7CB
≈ Rosey Afterglow
Geteilt komplementär +150° +210°
- C7DFB8
Satin Green
- D0D2FC
≈ Pale Phthalo Blue
- F3C7E0
≈ Laelia Pink
Tetradisch +90° +180° +270°
- C7DFB8
Satin Green
- ADDFF3
≈ Azure Sky
- E4CBF2
≈ Mousse aux Pruneaux
- F8CAB8
≈ Biscuit Cream
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.43:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.67:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.67:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--satin-green: #c7dfb8;
--satin-green-rgb: 199 223 184;
--satin-green-oklch: oklch(0.876 0.058 133.4);
}
.element {
color: var(--satin-green);
background-color: hsl(97 38% 80%);
border-color: oklch(0.876 0.058 133.4);
}Tailwind CSS v4
@theme {
--color-satin-green: #c7dfb8;
--color-satin-green-50: #eef9e9;
--color-satin-green-100: #e0edd9;
--color-satin-green-200: #cadac2;
--color-satin-green-300: #abbfa1;
--color-satin-green-400: #91a683;
--color-satin-green-500: #778f67;
--color-satin-green-600: #657958;
--color-satin-green-700: #506146;
--color-satin-green-800: #3b4732;
--color-satin-green-900: #293122;
--color-satin-green-950: #161d11;
}SCSS
$satin-green: #c7dfb8;
$satin-green-rgb: 199, 223, 184;
$satin-green-light: mix(#fff, $satin-green, 20%);
$satin-green-dark: mix(#000, $satin-green, 20%);
.element {
color: $satin-green;
box-shadow: 0 0 0 2px rgba($satin-green, 0.35);
}