Couleur nommée la plus proche · #AECBFF
#AECBFF
Couleur nommée la plus proche: Night Snow
#AECBFF (rgb(174 203 255), hsl(219 100% 84%), oklch(0.839 0.08 262)) 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.
#AECBFF
oklch(0.839 0.08 262)
Conversions de couleur
- HEX
- #aecbff
- RGB
- rgb(174 203 255)
- HSL
- hsl(219 100% 84%)
- HWB
- hwb(219 68% 0%)
- OKLCH
- oklch(0.839 0.08 262)
- OKLab
- oklab(0.839 -0.011 -0.079)
- CIE Lab
- lab(80.9 -1.1 -29.05)
- LCH
- lch(80.9 29.07 267.8)
- CMYK
- cmyk(32% 20% 0% 0%)
Teintes · Ombres · Tons
Teintes
- B6D0FF
- BED6FF
- C6DBFF
- CEE0FF
- D6E5FF
- DEEAFF
- E6F0FF
- EFF5FF
- F7FAFF
Ombres
- 97B0DE
- 8096BE
- 6A7D9E
- 556580
- 414D63
- 2E3748
- 1C222E
- 0B0F16
- 010203
Tons
- A9C3F2
- A5BCE5
- A0B4D8
- 9CADCB
- 97A5BE
- 929EB1
- 8E96A5
- 898F99
- 85878C
Harmonies de couleurs
Complémentaire +180°
- AECBFF
Night Snow
- E4C68E
≈ Bungalow Maple
Analogue -30° +30°
- AECBFF
Night Snow
- 94D4F6
≈ Slightly Spritzig
- CBC1FB
≈ Innocent Snowdrop
Triadique +120° +240°
- AECBFF
Night Snow
- FAB6B3
≈ Young Salmon
- ADD8A8
≈ Fizz
Complémentaire divisée +150° +210°
- AECBFF
Night Snow
- F5BC9B
≈ Shrimp Boat
- CBD093
≈ Corn Husk Green
Tétradique +90° +180° +270°
- AECBFF
Night Snow
- F4B5D0
≈ Pink Marshmallow
- E4C68E
≈ Bungalow Maple
- 93DCC4
≈ Monet Vert
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.64:1 · APCA Lc 28
Ag
AAASur noir
WCAG 12.78:1 · APCA Lc 74
Meilleure couleur de texte: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Extraits de code
CSS
:root {
--night-snow: #aecbff;
--night-snow-rgb: 174 203 255;
--night-snow-oklch: oklch(0.839 0.08 262);
}
.element {
color: var(--night-snow);
background-color: hsl(219 100% 84%);
border-color: oklch(0.839 0.08 262);
}Tailwind CSS v4
@theme {
--color-night-snow: #aecbff;
--color-night-snow-50: #eaf6ff;
--color-night-snow-100: #dae8ff;
--color-night-snow-200: #c3d5f7;
--color-night-snow-300: #a3b8e1;
--color-night-snow-400: #859fce;
--color-night-snow-500: #6986bb;
--color-night-snow-600: #59729e;
--color-night-snow-700: #475b7f;
--color-night-snow-800: #32435e;
--color-night-snow-900: #222e42;
--color-night-snow-950: #111b2a;
}SCSS
$night-snow: #aecbff;
$night-snow-rgb: 174, 203, 255;
$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);
}