Màu có tên gần nhất · #A3B8E5
#A3B8E5
Màu có tên gần nhất: Blue Lips
#A3B8E5 (rgb(163 184 229), hsl(221 56% 77%), oklch(0.782 0.069 265.3)) gần nhất với màu có tên Blue Lips. 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.
#A3B8E5
oklch(0.782 0.069 265.3)
Chuyển đổi màu
- HEX
- #a3b8e5
- RGB
- rgb(163 184 229)
- HSL
- hsl(221 56% 77%)
- HWB
- hwb(221 64% 10%)
- OKLCH
- oklch(0.782 0.069 265.3)
- OKLab
- oklab(0.782 -0.006 -0.068)
- CIE Lab
- lab(74.36 0.2 -25.17)
- LCH
- lch(74.36 25.17 270.5)
- CMYK
- cmyk(29% 20% 0% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ACBFE8
- B5C6EB
- BECDED
- C7D4F0
- D0DBF3
- D9E2F5
- E3EAF8
- ECF1FA
- F6F8FD
Sắc đậm
- 8DA0C7
- 7888AA
- 63718E
- 4F5B72
- 3C4558
- 2A313F
- 191E28
- 0A0C12
- 010203
Sắc xám
- 9FB2DB
- 9CADD0
- 98A7C6
- 95A1BC
- 919CB2
- 8E96A8
- 8A919E
- 878B94
- 83868A
Hòa sắc
Bổ túc +180°
- A3B8E5
Blue Lips
- CCB586
≈ Tweed Jacket
Tương đồng -30° +30°
- A3B8E5
Blue Lips
- 8DC0DE
≈ Club Cruise
- BBB0E0
≈ Purple Hibiscus
Bộ ba +120° +240°
- A3B8E5
Blue Lips
- E1A8A2
≈ Coral Fountain
- 9DC49E
≈ Spruce Stone
Bổ túc chia +150° +210°
- A3B8E5
Blue Lips
- DBAD8E
≈ Boot Hill Ghost
- B6BE8C
≈ Jitterbug
Bộ bốn +90° +180° +270°
- A3B8E5
Blue Lips
- DDA6BA
≈ Pink Gin
- CCB586
≈ Tweed Jacket
- 89C7B6
≈ Aquastone
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.99:1 · APCA Lc 39
Ag
AAATrên nền đen
WCAG 10.54:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
CSS
:root {
--blue-lips: #a3b8e5;
--blue-lips-rgb: 163 184 229;
--blue-lips-oklch: oklch(0.782 0.069 265.3);
}
.element {
color: var(--blue-lips);
background-color: hsl(221 56% 77%);
border-color: oklch(0.782 0.069 265.3);
}Tailwind CSS v4
@theme {
--color-blue-lips: #a3b8e5;
--color-blue-lips-50: #ecf5ff;
--color-blue-lips-100: #dee8ff;
--color-blue-lips-200: #c7d4f3;
--color-blue-lips-300: #a8b7db;
--color-blue-lips-400: #8b9ec8;
--color-blue-lips-500: #7086b4;
--color-blue-lips-600: #5f7198;
--color-blue-lips-700: #4c5a7a;
--color-blue-lips-800: #36425a;
--color-blue-lips-900: #252e3f;
--color-blue-lips-950: #131a28;
}SCSS
$blue-lips: #a3b8e5;
$blue-lips-rgb: 163, 184, 229;
$blue-lips-light: mix(#fff, $blue-lips, 20%);
$blue-lips-dark: mix(#000, $blue-lips, 20%);
.element {
color: $blue-lips;
box-shadow: 0 0 0 2px rgba($blue-lips, 0.35);
}