Nearest named color · #AFCDF6
#AFCDF6
Nearest named color: Night Snow
#AFCDF6 (rgb(175 205 246), hsl(215 80% 83%), oklch(0.84 0.066 256.3)) is closest to the named color Night Snow. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AFCDF6
oklch(0.84 0.066 256.3)
Color conversions
- HEX
- #afcdf6
- RGB
- rgb(175 205 246)
- HSL
- hsl(215 80% 83%)
- HWB
- hwb(215 69% 4%)
- OKLCH
- oklch(0.84 0.066 256.3)
- OKLab
- oklab(0.84 -0.016 -0.064)
- CIE Lab
- lab(81.23 -3.46 -23.77)
- LCH
- lch(81.23 24.02 261.7)
- CMYK
- cmyk(29% 17% 0% 4%)
Tints · Shades · Tones
Tints
- B7D2F7
- BFD7F8
- C7DCF9
- CFE1FA
- D7E6FB
- DFEBFC
- E7F0FD
- EFF5FE
- F7FAFE
Shades
- 98B2D6
- 8198B7
- 6B7E98
- 56667B
- 414E5F
- 2E3845
- 1C232C
- 0B0F15
- 010203
Tones
- AAC5EA
- A6BDDE
- A1B5D1
- 9CAEC6
- 97A6BA
- 939EAE
- 8E97A2
- 898F97
- 85878B
Color harmonies
Complementary +180°
- AFCDF6
Night Snow
- E4C59B
≈ Faint Fawn
Analogous -30° +30°
- AFCDF6
Night Snow
- 9DD4EC
≈ Over the Sky
- C6C5F5
≈ Light Periwinkle
Triadic +120° +240°
- AFCDF6
Night Snow
- F3BABC
≈ Petals Unfolding
- B7D5AA
≈ Bleached Spruce
Split-complementary +150° +210°
- AFCDF6
Night Snow
- F0BEA7
≈ Sun-Kissed Apricot
- D0CE9C
≈ Vegetarian Vulture
Tetradic +90° +180° +270°
- AFCDF6
Night Snow
- ECBAD3
≈ Sweet Taffy
- E4C59B
≈ Faint Fawn
- A2D9C1
≈ Isabella’s Aqua
Contrast & accessibility
Ag
FailOn white
WCAG 1.62:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.88:1 · APCA Lc 75
Best text color: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--night-snow: #afcdf6;
--night-snow-rgb: 175 205 246;
--night-snow-oklch: oklch(0.84 0.066 256.3);
}
.element {
color: var(--night-snow);
background-color: hsl(215 80% 83%);
border-color: oklch(0.84 0.066 256.3);
}Tailwind CSS v4
@theme {
--color-night-snow: #afcdf6;
--color-night-snow-50: #eaf6ff;
--color-night-snow-100: #dbe9ff;
--color-night-snow-200: #c3d6f1;
--color-night-snow-300: #a3b9da;
--color-night-snow-400: #85a0c6;
--color-night-snow-500: #6988b2;
--color-night-snow-600: #597396;
--color-night-snow-700: #475c79;
--color-night-snow-800: #324459;
--color-night-snow-900: #222f3e;
--color-night-snow-950: #111b27;
}SCSS
$night-snow: #afcdf6;
$night-snow-rgb: 175, 205, 246;
$night-snow-light: mix(#fff, $night-snow, 20%);
$night-snow-dark: mix(#000, $night-snow, 20%);
.element {
color: $night-snow;
box-shadow: 0 0 0 2px rgba($night-snow, 0.35);
}