Benannte Farbe · #C7C3A8
Green Gaze
Green Gaze ist #C7C3A8: rgb(199 195 168), hsl(52 22% 72%), oklch(0.813 0.037 100.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Green Gaze color name →
#C7C3A8
oklch(0.813 0.037 100.2)
Farbumrechnungen
- HEX
- #c7c3a8
- RGB
- rgb(199 195 168)
- HSL
- hsl(52 22% 72%)
- HWB
- hwb(52 66% 22%)
- OKLCH
- oklch(0.813 0.037 100.2)
- OKLab
- oklab(0.813 -0.007 0.036)
- CIE Lab
- lab(78.58 -1.94 14.16)
- LCH
- lch(78.58 14.29 97.8)
- CMYK
- cmyk(0% 2% 16% 22%)
Tints · Shades · Tones
Tints
- CCC9B1
- D2CFB9
- D7D5C2
- DDDBCA
- E3E1D3
- E8E7DC
- EEEDE4
- F4F3ED
- F9F9F6
Shades
- ADA992
- 93907C
- 7A7867
- 626052
- 4C4A3F
- 36342C
- 21201A
- 0E0E0A
- 020201
Tones
- C0BCA4
- B8B5A0
- B1AE9C
- AAA898
- A3A194
- 9C9A90
- 95948C
- 8E8D88
- 878684
Farbharmonien
Komplementär +180°
- C7C3A8
Green Gaze
- BDC0DA
≈ Lavender Sachet
Analog -30° +30°
- C7C3A8
Green Gaze
- D2BEA9
≈ Vanilla Doe
- BAC7AE
≈ Tamboon
Triadisch +120° +240°
- C7C3A8
Green Gaze
- A9C8D3
≈ Ocean Eyes
- D3B9C9
≈ Bedazzled
Geteilt komplementär +150° +210°
- C7C3A8
Green Gaze
- B1C4DA
≈ Spindle
- C9BCD4
≈ Purpling Dawn
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.77:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.79:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--green-gaze: #c7c3a8;
--green-gaze-rgb: 199 195 168;
--green-gaze-oklch: oklch(0.813 0.037 100.2);
}
.element {
color: var(--green-gaze);
background-color: hsl(52 22% 72%);
border-color: oklch(0.813 0.037 100.2);
}Tailwind CSS v4
@theme {
--color-green-gaze: #c7c3a8;
--color-green-gaze-50: #f7f6ea;
--color-green-gaze-100: #eae9db;
--color-green-gaze-200: #d7d5c3;
--color-green-gaze-300: #bbb8a3;
--color-green-gaze-400: #a39f87;
--color-green-gaze-500: #8b876b;
--color-green-gaze-600: #76725b;
--color-green-gaze-700: #5e5b48;
--color-green-gaze-800: #464334;
--color-green-gaze-900: #302e23;
--color-green-gaze-950: #1c1b12;
}SCSS
$green-gaze: #c7c3a8;
$green-gaze-rgb: 199, 195, 168;
$green-gaze-light: mix(#fff, $green-gaze, 20%);
$green-gaze-dark: mix(#000, $green-gaze, 20%);
.element {
color: $green-gaze;
box-shadow: 0 0 0 2px rgba($green-gaze, 0.35);
}