Benannte Farbe · #C9CCC9
Morning Lake
Morning Lake ist #C9CCC9: rgb(201 204 201), hsl(120 3% 79%), oklch(0.842 0.005 145.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Morning Lake color name →
#C9CCC9
oklch(0.842 0.005 145.5)
Farbumrechnungen
- HEX
- #c9ccc9
- RGB
- rgb(201 204 201)
- HSL
- hsl(120 3% 79%)
- HWB
- hwb(120 79% 20%)
- OKLCH
- oklch(0.842 0.005 145.5)
- OKLab
- oklab(0.842 -0.004 0.003)
- CIE Lab
- lab(81.74 -1.48 1.12)
- LCH
- lch(81.74 1.85 142.9)
- CMYK
- cmyk(1% 0% 1% 20%)
Tints · Shades · Tones
Tints
- CED1CE
- D4D6D4
- D9DBD9
- DEE0DE
- E4E5E4
- E9EAE9
- EFEFEF
- F4F5F4
- F9FAF9
Shades
- AEB1AE
- 959795
- 7C7E7C
- 646564
- 4C4E4C
- 363736
- 222222
- 0F0F0F
- 020202
Tones
- C1C4C1
- BABCBA
- B2B5B2
- ABADAB
- A4A5A4
- 9C9E9C
- 959695
- 8E8F8E
- 878787
Farbharmonien
Komplementär +180°
- C9CCC9
Morning Lake
- CDCACD
≈ Clay Slate Wacke
Analog -30° +30°
- C9CCC9
Morning Lake
- CBCCC8
≈ Passive
- C8CCCB
≈ Dawn Blue
Triadisch +120° +240°
- C9CCC9
Morning Lake
- C9CBCF
≈ Sacred Spring
- CECAC9
≈ Greyish
Geteilt komplementär +150° +210°
- C9CCC9
Morning Lake
- CBCACE
≈ Clay Slate Wacke
- CECACB
≈ Mercury Glass
Tetradisch +90° +180° +270°
- C9CCC9
Morning Lake
- C8CCCE
≈ Where There Is Smoke
- CDCACD
≈ Clay Slate Wacke
- CECAC8
≈ Greyish
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.96:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.96:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--morning-lake: #c9ccc9;
--morning-lake-rgb: 201 204 201;
--morning-lake-oklch: oklch(0.842 0.005 145.5);
}
.element {
color: var(--morning-lake);
background-color: hsl(120 3% 79%);
border-color: oklch(0.842 0.005 145.5);
}Tailwind CSS v4
@theme {
--color-morning-lake: #c9ccc9;
--color-morning-lake-50: #f4f5f4;
--color-morning-lake-100: #e7e8e7;
--color-morning-lake-200: #d3d5d3;
--color-morning-lake-300: #b6b8b6;
--color-morning-lake-400: #9c9f9c;
--color-morning-lake-500: #848784;
--color-morning-lake-600: #707270;
--color-morning-lake-700: #595b59;
--color-morning-lake-800: #414341;
--color-morning-lake-900: #2d2e2d;
--color-morning-lake-950: #1a1b1a;
}SCSS
$morning-lake: #c9ccc9;
$morning-lake-rgb: 201, 204, 201;
$morning-lake-light: mix(#fff, $morning-lake, 20%);
$morning-lake-dark: mix(#000, $morning-lake, 20%);
.element {
color: $morning-lake;
box-shadow: 0 0 0 2px rgba($morning-lake, 0.35);
}