Couleur nommée la plus proche · #AFCDF6
#AFCDF6
Couleur nommée la plus proche: Night Snow
#AFCDF6 (rgb(175 205 246), hsl(215 80% 83%), oklch(0.84 0.066 256.3)) est la plus proche de la couleur nommée Night Snow. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AFCDF6
oklch(0.84 0.066 256.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- B7D2F7
- BFD7F8
- C7DCF9
- CFE1FA
- D7E6FB
- DFEBFC
- E7F0FD
- EFF5FE
- F7FAFE
Ombres
- 98B2D6
- 8198B7
- 6B7E98
- 56667B
- 414E5F
- 2E3845
- 1C232C
- 0B0F15
- 010203
Tons
- AAC5EA
- A6BDDE
- A1B5D1
- 9CAEC6
- 97A6BA
- 939EAE
- 8E97A2
- 898F97
- 85878B
Harmonies de couleurs
Complémentaire +180°
- AFCDF6
Night Snow
- E4C59B
≈ Faint Fawn
Analogue -30° +30°
- AFCDF6
Night Snow
- 9DD4EC
≈ Over the Sky
- C6C5F5
≈ Light Periwinkle
Triadique +120° +240°
- AFCDF6
Night Snow
- F3BABC
≈ Petals Unfolding
- B7D5AA
≈ Bleached Spruce
Complémentaire divisée +150° +210°
- AFCDF6
Night Snow
- F0BEA7
≈ Sun-Kissed Apricot
- D0CE9C
≈ Vegetarian Vulture
Tétradique +90° +180° +270°
- AFCDF6
Night Snow
- ECBAD3
≈ Sweet Taffy
- E4C59B
≈ Faint Fawn
- A2D9C1
≈ Isabella’s Aqua
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.62:1 · APCA Lc 28
Ag
AAASur noir
WCAG 12.88:1 · APCA Lc 75
Meilleure couleur de texte: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
Extraits de code
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);
}