Màu có tên gần nhất · #A9C3E1
#A9C3E1
Màu có tên gần nhất: Breeze
#A9C3E1 (rgb(169 195 225), hsl(212 48% 77%), oklch(0.808 0.051 252.1)) gần nhất với màu có tên Breeze. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#A9C3E1
oklch(0.808 0.051 252.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B1C9E4
- BACFE7
- C2D5EA
- CBDBED
- D4E1F0
- DCE7F3
- E5EDF6
- EEF3F9
- F6F9FC
Sắc đậm
- 92A9C4
- 7C90A7
- 67788B
- 536070
- 3F4A56
- 2C343E
- 1B2027
- 0A0E12
- 010202
Sắc xám
- A5BCD7
- A1B5CD
- 9DAEC3
- 99A8B9
- 95A1B0
- 909AA6
- 8C949C
- 888D93
- 848789
Hòa sắc
Bổ túc +180°
- A9C3E1
Breeze
- D5BC9D
≈ Gaia
Tương đồng -30° +30°
- A9C3E1
Breeze
- 9DC8D8
≈ Sound Waves
- BABDE1
≈ Wisteria Fragrance
Bộ ba +120° +240°
- A9C3E1
Breeze
- DFB3B7
≈ Sakura
- B4C8A6
≈ Freshwater Green
Bổ túc chia +150° +210°
- A9C3E1
Breeze
- DEB6A7
≈ Melted Ice Cream
- C6C29C
≈ Tangled Vines
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.81:1 · APCA Lc 34
Ag
AAATrên nền đen
WCAG 11.58:1 · APCA Lc 69
Màu chữ tốt nhất: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Đoạn mã
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);
}