Benannte Farbe · #C9DCDC
Snow in June
Snow in June ist #C9DCDC: rgb(201 220 220), hsl(180 21% 83%), oklch(0.88 0.02 196.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Snow in June color name →
#C9DCDC
oklch(0.88 0.02 196.8)
Farbumrechnungen
- HEX
- #c9dcdc
- RGB
- rgb(201 220 220)
- HSL
- hsl(180 21% 83%)
- HWB
- hwb(180 79% 14%)
- OKLCH
- oklch(0.88 0.02 196.8)
- OKLab
- oklab(0.88 -0.019 -0.006)
- CIE Lab
- lab(86.33 -6.57 -2.29)
- LCH
- lch(86.33 6.96 199.2)
- CMYK
- cmyk(9% 0% 0% 14%)
Tints · Shades · Tones
Tints
- CEDFDF
- D4E3E3
- D9E6E6
- DEEAEA
- E4EDED
- E9F1F1
- EFF4F4
- F4F8F8
- FAFBFB
Shades
- AEBFBF
- 95A3A3
- 7C8888
- 646E6E
- 4C5454
- 363C3C
- 222626
- 0F1111
- 020202
Tones
- C1D2D2
- BAC9C9
- B3BFBF
- ABB6B6
- A4ADAD
- 9DA4A4
- 959B9B
- 8E9292
- 878989
Farbharmonien
Komplementär +180°
- C9DCDC
Snow in June
- E5D3D3
≈ Theatre Powder Rose
Analog -30° +30°
- C9DCDC
Snow in June
- CCDCD5
≈ Light Soft Celadon
- CADBE2
≈ Sea Foam Mist
Triadisch +120° +240°
- C9DCDC
Snow in June
- DDD4E1
≈ Light Modesty
- DFD6C9
≈ Kestrel White
Geteilt komplementär +150° +210°
- C9DCDC
Snow in June
- E2D2DA
≈ Mauve Aquarelle
- E4D4CC
≈ Sugar Berry
Tetradisch +90° +180° +270°
- C9DCDC
Snow in June
- D6D6E5
≈ Heavenly Haze
- E5D3D3
≈ Theatre Powder Rose
- D9D9CA
≈ Stage Whisper
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.42:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.75:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.75:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--snow-in-june: #c9dcdc;
--snow-in-june-rgb: 201 220 220;
--snow-in-june-oklch: oklch(0.88 0.02 196.8);
}
.element {
color: var(--snow-in-june);
background-color: hsl(180 21% 83%);
border-color: oklch(0.88 0.02 196.8);
}Tailwind CSS v4
@theme {
--color-snow-in-june: #c9dcdc;
--color-snow-in-june-50: #eff7f7;
--color-snow-in-june-100: #e1eaea;
--color-snow-in-june-200: #cbd7d7;
--color-snow-in-june-300: #acbbbb;
--color-snow-in-june-400: #91a2a2;
--color-snow-in-june-500: #778b8b;
--color-snow-in-june-600: #657575;
--color-snow-in-june-700: #515e5e;
--color-snow-in-june-800: #3b4544;
--color-snow-in-june-900: #282f2f;
--color-snow-in-june-950: #161c1c;
}SCSS
$snow-in-june: #c9dcdc;
$snow-in-june-rgb: 201, 220, 220;
$snow-in-june-light: mix(#fff, $snow-in-june, 20%);
$snow-in-june-dark: mix(#000, $snow-in-june, 20%);
.element {
color: $snow-in-june;
box-shadow: 0 0 0 2px rgba($snow-in-june, 0.35);
}