Colore con nome più vicino · #A9C3E1
#A9C3E1
Colore con nome più vicino: Breeze
#A9C3E1 (rgb(169 195 225), hsl(212 48% 77%), oklch(0.808 0.051 252.1)) è più vicino al colore con nome Breeze. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A9C3E1
oklch(0.808 0.051 252.1)
Conversioni di colore
- HEX
- #a9c3e1
- RGB
- rgb(169 195 225)
- HSL
- hsl(212 48% 77%)
- HWB
- hwb(212 66% 12%)
- OKLCH
- oklch(0.808 0.051 252.1)
- OKLab
- oklab(0.808 -0.016 -0.049)
- CIE Lab
- lab(77.59 -4.15 -18.11)
- LCH
- lch(77.59 18.58 257.1)
- CMYK
- cmyk(25% 13% 0% 12%)
Tinte · Ombre · Toni
Tinte
- B1C9E4
- BACFE7
- C2D5EA
- CBDBED
- D4E1F0
- DCE7F3
- E5EDF6
- EEF3F9
- F6F9FC
Ombre
- 92A9C4
- 7C90A7
- 67788B
- 536070
- 3F4A56
- 2C343E
- 1B2027
- 0A0E12
- 010202
Toni
- A5BCD7
- A1B5CD
- 9DAEC3
- 99A8B9
- 95A1B0
- 909AA6
- 8C949C
- 888D93
- 848789
Armonie di colore
Complementare +180°
- A9C3E1
Breeze
- D5BC9D
≈ Gaia
Analogo -30° +30°
- A9C3E1
Breeze
- 9DC8D8
≈ Sound Waves
- BABDE1
≈ Wisteria Fragrance
Triadico +120° +240°
- A9C3E1
Breeze
- DFB3B7
≈ Sakura
- B4C8A6
≈ Freshwater Green
Complementare divisa +150° +210°
- A9C3E1
Breeze
- DEB6A7
≈ Melted Ice Cream
- C6C29C
≈ Tangled Vines
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.58:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--breeze: #a9c3e1;
--breeze-rgb: 169 195 225;
--breeze-oklch: oklch(0.808 0.051 252.1);
}
.element {
color: var(--breeze);
background-color: hsl(212 48% 77%);
border-color: oklch(0.808 0.051 252.1);
}Tailwind CSS v4
@theme {
--color-breeze: #a9c3e1;
--color-breeze-50: #ebf6ff;
--color-breeze-100: #dde9f9;
--color-breeze-200: #c6d6ea;
--color-breeze-300: #a6b9d2;
--color-breeze-400: #89a1bc;
--color-breeze-500: #6e89a8;
--color-breeze-600: #5d748e;
--color-breeze-700: #4a5d72;
--color-breeze-800: #354454;
--color-breeze-900: #242f3a;
--color-breeze-950: #131b24;
}SCSS
$breeze: #a9c3e1;
$breeze-rgb: 169, 195, 225;
$breeze-light: mix(#fff, $breeze, 20%);
$breeze-dark: mix(#000, $breeze, 20%);
.element {
color: $breeze;
box-shadow: 0 0 0 2px rgba($breeze, 0.35);
}