Couleur nommée la plus proche · #A8CDFC
#A8CDFC
Couleur nommée la plus proche: Night Snow
#A8CDFC (rgb(168 205 252), hsl(214 93% 82%), oklch(0.838 0.077 254.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.
#A8CDFC
oklch(0.838 0.077 254.6)
Conversions de couleur
- HEX
- #a8cdfc
- RGB
- rgb(168 205 252)
- HSL
- hsl(214 93% 82%)
- HWB
- hwb(214 66% 1%)
- OKLCH
- oklch(0.838 0.077 254.6)
- OKLab
- oklab(0.838 -0.02 -0.074)
- CIE Lab
- lab(80.95 -4.45 -27.43)
- LCH
- lch(80.95 27.79 260.8)
- CMYK
- cmyk(33% 19% 0% 1%)
Teintes · Ombres · Tons
Teintes
- B1D2FD
- B9D7FD
- C2DCFE
- CBE1FE
- D3E6FE
- DCEBFF
- E5F0FF
- EDF5FF
- F6FAFF
Ombres
- 92B2DB
- 7C98BB
- 677E9C
- 52667E
- 3F4E62
- 2C3847
- 1A232D
- 0A0F16
- 010203
Tons
- A4C5EF
- A0BDE2
- 9CB5D6
- 98AEC9
- 94A6BD
- 909EB0
- 8C97A4
- 888F98
- 84888C
Harmonies de couleurs
Complémentaire +180°
- A8CDFC
Night Snow
- E8C392
≈ Oberon on the Beach
Analogue -30° +30°
- A8CDFC
Night Snow
- 92D5F0
≈ Slightly Spritzig
- C4C4FB
≈ Light Periwinkle
Triadique +120° +240°
- A8CDFC
Night Snow
- F8B6BA
≈ Ballerina Pink
- B5D6A3
≈ In Good Taste
Complémentaire divisée +150° +210°
- A8CDFC
Night Snow
- F6BBA1
≈ Certain Peach
- D1CD92
≈ Corn Husk Green
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.64:1 · APCA Lc 28
Ag
AAASur noir
WCAG 12.80:1 · APCA Lc 74
Meilleure couleur de texte: #000000
WCAG 12.80:1 (AAA) · APCA Lc 74
Contrast pairs
Extraits de code
CSS
:root {
--night-snow: #a8cdfc;
--night-snow-rgb: 168 205 252;
--night-snow-oklch: oklch(0.838 0.077 254.6);
}
.element {
color: var(--night-snow);
background-color: hsl(214 93% 82%);
border-color: oklch(0.838 0.077 254.6);
}Tailwind CSS v4
@theme {
--color-night-snow: #a8cdfc;
--color-night-snow-50: #e7f7ff;
--color-night-snow-100: #d8eaff;
--color-night-snow-200: #c0d6f6;
--color-night-snow-300: #9eb9df;
--color-night-snow-400: #7fa1cc;
--color-night-snow-500: #6289b9;
--color-night-snow-600: #54749c;
--color-night-snow-700: #435d7d;
--color-night-snow-800: #2f445d;
--color-night-snow-900: #202f41;
--color-night-snow-950: #0f1b29;
}SCSS
$night-snow: #a8cdfc;
$night-snow-rgb: 168, 205, 252;
$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);
}