Màu có tên · #A8B1D7
High Style
High Style là #A8B1D7: rgb(168 177 215), hsl(229 37% 75%), oklch(0.766 0.055 274.6). 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.
What does Blue mean? → · High Style color name →
#A8B1D7
oklch(0.766 0.055 274.6)
Chuyển đổi màu
- HEX
- #a8b1d7
- RGB
- rgb(168 177 215)
- HSL
- hsl(229 37% 75%)
- HWB
- hwb(229 66% 16%)
- OKLCH
- oklch(0.766 0.055 274.6)
- OKLab
- oklab(0.766 0.004 -0.055)
- CIE Lab
- lab(72.46 2.85 -20.41)
- LCH
- lch(72.46 20.61 277.9)
- CMYK
- cmyk(22% 18% 0% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B0B9DB
- B9C0DF
- C1C8E3
- CAD0E7
- D3D8EB
- DBDFEF
- E4E7F3
- EDEFF7
- F6F7FB
Sắc đậm
- 9299BB
- 7C839F
- 676C85
- 52576B
- 3F4252
- 2C2F3B
- 1A1C25
- 0A0C11
- 010102
Sắc xám
- A4ACCE
- A0A7C5
- 9CA2BC
- 989DB4
- 9498AB
- 9093A2
- 8C8F9A
- 888A91
- 848588
Hòa sắc
Bổ túc +180°
- A8B1D7
High Style
- BEB38B
≈ Bayou Shade
Tương đồng -30° +30°
- A8B1D7
High Style
- 96B8D4
≈ Blue Pointer
- BBABD0
≈ Jacey’s Favourite
Bộ ba +120° +240°
- A8B1D7
High Style
- D4A79C
≈ Cinnamon Cocoa
- 98BEA4
≈ Reeds
Bổ túc chia +150° +210°
- A8B1D7
High Style
- CCAC8F
≈ Pottery Wheel
- ABBA93
≈ Ash Tree
Bộ bốn +90° +180° +270°
- A8B1D7
High Style
- D3A5AE
≈ Foxy Lady
- BEB38B
≈ Bayou Shade
- 8BBFB7
≈ Undine
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.11:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 9.93:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--high-style: #a8b1d7;
--high-style-rgb: 168 177 215;
--high-style-oklch: oklch(0.766 0.055 274.6);
}
.element {
color: var(--high-style);
background-color: hsl(229 37% 75%);
border-color: oklch(0.766 0.055 274.6);
}Tailwind CSS v4
@theme {
--color-high-style: #a8b1d7;
--color-high-style-50: #f1f4ff;
--color-high-style-100: #e3e7fb;
--color-high-style-200: #ced3ec;
--color-high-style-300: #afb5d4;
--color-high-style-400: #949cc0;
--color-high-style-500: #7b84ab;
--color-high-style-600: #687091;
--color-high-style-700: #535974;
--color-high-style-800: #3c4156;
--color-high-style-900: #292d3c;
--color-high-style-950: #171a26;
}SCSS
$high-style: #a8b1d7;
$high-style-rgb: 168, 177, 215;
$high-style-light: mix(#fff, $high-style, 20%);
$high-style-dark: mix(#000, $high-style, 20%);
.element {
color: $high-style;
box-shadow: 0 0 0 2px rgba($high-style, 0.35);
}