Colore con nome più vicino · #B5C9FF
#B5C9FF
Colore con nome più vicino: Night Snow
#B5C9FF (rgb(181 201 255), hsl(224 100% 85%), oklch(0.84 0.079 268.8)) è più vicino al colore con nome Night Snow. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#B5C9FF
oklch(0.84 0.079 268.8)
Conversioni di colore
- HEX
- #b5c9ff
- RGB
- rgb(181 201 255)
- HSL
- hsl(224 100% 85%)
- HWB
- hwb(224 71% 0%)
- OKLCH
- oklch(0.84 0.079 268.8)
- OKLab
- oklab(0.84 -0.002 -0.079)
- CIE Lab
- lab(80.86 2.02 -29.06)
- LCH
- lch(80.86 29.13 274)
- CMYK
- cmyk(29% 21% 0% 0%)
Tinte · Ombre · Toni
Tinte
- BCCEFF
- C3D4FF
- CBD9FF
- D2DFFF
- D9E4FF
- E1EAFF
- E8EFFF
- F0F4FF
- F7FAFF
Ombre
- 9DAEDE
- 8695BE
- 6F7C9E
- 596480
- 444C63
- 303648
- 1D222E
- 0C0F16
- 020203
Toni
- B0C2F2
- AABAE5
- A5B3D8
- 9FABCB
- 9AA4BE
- 959DB1
- 9096A5
- 8A8E99
- 85878C
Armonie di colore
Complementare +180°
- B5C9FF
Night Snow
- DFC88F
≈ Clay Bake
Analogo -30° +30°
- B5C9FF
Night Snow
- 9AD2F9
≈ Long Island Sound
- D1C0F8
≈ Innocent Snowdrop
Triadico +120° +240°
- B5C9FF
Night Snow
- FAB7AD
≈ Mixed Fruit
- A7D9AE
≈ Frugal
Complementare divisa +150° +210°
- B5C9FF
Night Snow
- F2BE97
≈ Word of Mouth
- C5D298
≈ Cricket Field
Tetradico +90° +180° +270°
- B5C9FF
Night Snow
- F6B5C9
≈ Love Spell
- DFC88F
≈ Clay Bake
- 90DCCB
≈ Bambino
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.64:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.76:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.76:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--night-snow: #b5c9ff;
--night-snow-rgb: 181 201 255;
--night-snow-oklch: oklch(0.84 0.079 268.8);
}
.element {
color: var(--night-snow);
background-color: hsl(224 100% 85%);
border-color: oklch(0.84 0.079 268.8);
}Tailwind CSS v4
@theme {
--color-night-snow: #b5c9ff;
--color-night-snow-50: #ecf5ff;
--color-night-snow-100: #dee7ff;
--color-night-snow-200: #c7d3f7;
--color-night-snow-300: #a8b6e1;
--color-night-snow-400: #8b9dce;
--color-night-snow-500: #7084bb;
--color-night-snow-600: #5f709e;
--color-night-snow-700: #4c597f;
--color-night-snow-800: #36425e;
--color-night-snow-900: #252d42;
--color-night-snow-950: #131a2a;
}SCSS
$night-snow: #b5c9ff;
$night-snow-rgb: 181, 201, 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);
}