Couleur nommée la plus proche · #A2CAFF
#A2CAFF
Couleur nommée la plus proche: Night Snow
#A2CAFF (rgb(162 202 255), hsl(214 100% 82%), oklch(0.829 0.086 255.6)) 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.
#A2CAFF
oklch(0.829 0.086 255.6)
Conversions de couleur
- HEX
- #a2caff
- RGB
- rgb(162 202 255)
- HSL
- hsl(214 100% 82%)
- HWB
- hwb(214 64% 0%)
- OKLCH
- oklch(0.829 0.086 255.6)
- OKLab
- oklab(0.829 -0.021 -0.084)
- CIE Lab
- lab(79.86 -4.13 -30.71)
- LCH
- lch(79.86 30.98 262.3)
- CMYK
- cmyk(36% 21% 0% 0%)
Teintes · Ombres · Tons
Teintes
- ABCFFF
- B5D5FF
- BEDAFF
- C7DFFF
- D0E5FF
- DAEAFF
- E3EFFF
- ECF5FF
- F6FAFF
Ombres
- 8CAFDE
- 7795BE
- 637C9E
- 4F6480
- 3C4D63
- 2A3748
- 19222E
- 0A0F16
- 010203
Tons
- 9FC2F2
- 9BBBE5
- 98B3D8
- 95ACCB
- 91A5BE
- 8E9DB2
- 8B96A5
- 878F99
- 84878C
Harmonies de couleurs
Complémentaire +180°
- A2CAFF
Night Snow
- E8C087
≈ Cassava Cake
Analogue -30° +30°
- A2CAFF
Night Snow
- 88D3F2
≈ Kul Sharif Blue
- C1C0FD
≈ Light Periwinkle
Triadique +120° +240°
- A2CAFF
Night Snow
- FAB0B4
≈ Bubblegum Pink
- AED49C
≈ Pistachio Green
Complémentaire divisée +150° +210°
- A2CAFF
Night Snow
- F7B698
≈ Mandys Pink
- CECB89
≈ Springtide Green
Tétradique +90° +180° +270°
- A2CAFF
Night Snow
- F1B1D3
≈ Changeling Pink
- E8C087
≈ Cassava Cake
- 90D9BA
≈ Green Jewel
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.68:1 · APCA Lc 30
Ag
AAASur noir
WCAG 12.42:1 · APCA Lc 73
Meilleure couleur de texte: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--night-snow: #a2caff;
--night-snow-rgb: 162 202 255;
--night-snow-oklch: oklch(0.829 0.086 255.6);
}
.element {
color: var(--night-snow);
background-color: hsl(214 100% 82%);
border-color: oklch(0.829 0.086 255.6);
}Tailwind CSS v4
@theme {
--color-night-snow: #a2caff;
--color-night-snow-50: #e6f7ff;
--color-night-snow-100: #d6eaff;
--color-night-snow-200: #bed6fa;
--color-night-snow-300: #9cb9e4;
--color-night-snow-400: #7ca1d1;
--color-night-snow-500: #5f88bf;
--color-night-snow-600: #5173a1;
--color-night-snow-700: #405c81;
--color-night-snow-800: #2d4460;
--color-night-snow-900: #1e2f43;
--color-night-snow-950: #0e1b2b;
}SCSS
$night-snow: #a2caff;
$night-snow-rgb: 162, 202, 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);
}