Benannte Farbe · #CAD0CE
Foggy Morn
Foggy Morn ist #CAD0CE: rgb(202 208 206), hsl(160 6% 80%), oklch(0.852 0.007 174.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Foggy Morn color name →
#CAD0CE
oklch(0.852 0.007 174.3)
Farbumrechnungen
- HEX
- #cad0ce
- RGB
- rgb(202 208 206)
- HSL
- hsl(160 6% 80%)
- HWB
- hwb(160 79% 18%)
- OKLCH
- oklch(0.852 0.007 174.3)
- OKLab
- oklab(0.852 -0.007 0.001)
- CIE Lab
- lab(82.97 -2.4 0.24)
- LCH
- lch(82.97 2.41 174.2)
- CMYK
- cmyk(3% 0% 1% 18%)
Tints · Shades · Tones
Tints
- CFD5D3
- D4D9D8
- DADEDC
- DFE3E1
- E4E7E6
- EAECEB
- EFF1F0
- F4F5F5
- FAFAFA
Shades
- AFB5B3
- 959A98
- 7C807F
- 646766
- 4D4F4E
- 373938
- 222323
- 0F100F
- 020202
Tones
- C2C8C6
- BBBFBE
- B3B7B6
- ACAFAE
- A4A7A6
- 9D9F9E
- 969797
- 8E8F8F
- 878887
Farbharmonien
Komplementär +180°
- CAD0CE
Foggy Morn
- D3CDCF
≈ Light Wallis
Analog -30° +30°
- CAD0CE
Foggy Morn
- CCD0CC
≈ Sparkling Silver
- C9D0D1
≈ Harp Strings
Triadisch +120° +240°
- CAD0CE
Foggy Morn
- CECED3
≈ Dirty Snow
- D2CDCA
≈ Free Reign
Geteilt komplementär +150° +210°
- CAD0CE
Foggy Morn
- D1CDD1
≈ Inuit White
- D3CDCC
≈ Individual White
Tetradisch +90° +180° +270°
- CAD0CE
Foggy Morn
- CCCED3
≈ Lunar Rays
- D3CDCF
≈ Light Wallis
- D1CEC9
≈ On the Rocks
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.56:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.42:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--foggy-morn: #cad0ce;
--foggy-morn-rgb: 202 208 206;
--foggy-morn-oklch: oklch(0.852 0.007 174.3);
}
.element {
color: var(--foggy-morn);
background-color: hsl(160 6% 80%);
border-color: oklch(0.852 0.007 174.3);
}Tailwind CSS v4
@theme {
--color-foggy-morn: #cad0ce;
--color-foggy-morn-50: #f3f6f5;
--color-foggy-morn-100: #e5e9e8;
--color-foggy-morn-200: #d1d5d4;
--color-foggy-morn-300: #b4b9b7;
--color-foggy-morn-400: #9aa09e;
--color-foggy-morn-500: #828886;
--color-foggy-morn-600: #6e7371;
--color-foggy-morn-700: #585c5a;
--color-foggy-morn-800: #404342;
--color-foggy-morn-900: #2c2e2e;
--color-foggy-morn-950: #191b1a;
}SCSS
$foggy-morn: #cad0ce;
$foggy-morn-rgb: 202, 208, 206;
$foggy-morn-light: mix(#fff, $foggy-morn, 20%);
$foggy-morn-dark: mix(#000, $foggy-morn, 20%);
.element {
color: $foggy-morn;
box-shadow: 0 0 0 2px rgba($foggy-morn, 0.35);
}