Màu có tên gần nhất · #A6BDD8
#A6BDD8
Màu có tên gần nhất: Sail Into the Horizon
#A6BDD8 (rgb(166 189 216), hsl(212 39% 75%), oklch(0.79 0.046 252.5)) gần nhất với màu có tên Sail Into the Horizon. 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.
#A6BDD8
oklch(0.79 0.046 252.5)
Chuyển đổi màu
- HEX
- #a6bdd8
- RGB
- rgb(166 189 216)
- HSL
- hsl(212 39% 75%)
- HWB
- hwb(212 65% 15%)
- OKLCH
- oklch(0.79 0.046 252.5)
- OKLab
- oklab(0.79 -0.014 -0.044)
- CIE Lab
- lab(75.53 -3.7 -16.37)
- LCH
- lch(75.53 16.79 257.3)
- CMYK
- cmyk(23% 12% 0% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AFC3DC
- B7CAE0
- C0D1E4
- C9D7E8
- D2DEEC
- DBE4F0
- E4EBF3
- EDF2F7
- F6F8FB
Sắc đậm
- 90A4BC
- 7A8CA0
- 657485
- 515D6B
- 3E4753
- 2B333B
- 1A1F25
- 0A0D11
- 010202
Sắc xám
- A2B7CF
- 9EB1C6
- 9BAABD
- 97A4B4
- 939EAB
- 8F98A2
- 8B929A
- 888C91
- 848689
Hòa sắc
Bổ túc +180°
- A6BDD8
Sail Into the Horizon
- CDB69B
≈ Glass Sand
Tương đồng -30° +30°
- A6BDD8
Sail Into the Horizon
- 9BC2D0
≈ Stratosphere
- B5B7D8
≈ Wild Orchid Blue
Bộ ba +120° +240°
- A6BDD8
Sail Into the Horizon
- D6AFB2
≈ Radiant Rouge
- AFC1A3
≈ Green Andara
Bổ túc chia +150° +210°
- A6BDD8
Sail Into the Horizon
- D5B2A4
≈ Sandpaper
- C0BC9A
≈ Esprit
Bộ bốn +90° +180° +270°
- A6BDD8
Sail Into the Horizon
- D1AFC3
≈ Tranquil Dusk
- CDB69B
≈ Glass Sand
- A1C4B2
≈ Green Silk
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.92:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.89:1 · APCA Lc 66
Màu chữ tốt nhất: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
Đoạn mã
CSS
:root {
--sail-into-the-horizon: #a6bdd8;
--sail-into-the-horizon-rgb: 166 189 216;
--sail-into-the-horizon-oklch: oklch(0.79 0.046 252.5);
}
.element {
color: var(--sail-into-the-horizon);
background-color: hsl(212 39% 75%);
border-color: oklch(0.79 0.046 252.5);
}Tailwind CSS v4
@theme {
--color-sail-into-the-horizon: #a6bdd8;
--color-sail-into-the-horizon-50: #ecf6ff;
--color-sail-into-the-horizon-100: #dee9f7;
--color-sail-into-the-horizon-200: #c7d6e8;
--color-sail-into-the-horizon-300: #a8b9cf;
--color-sail-into-the-horizon-400: #8ba1ba;
--color-sail-into-the-horizon-500: #7189a4;
--color-sail-into-the-horizon-600: #5f748b;
--color-sail-into-the-horizon-700: #4c5c6f;
--color-sail-into-the-horizon-800: #374452;
--color-sail-into-the-horizon-900: #252f39;
--color-sail-into-the-horizon-950: #141b23;
}SCSS
$sail-into-the-horizon: #a6bdd8;
$sail-into-the-horizon-rgb: 166, 189, 216;
$sail-into-the-horizon-light: mix(#fff, $sail-into-the-horizon, 20%);
$sail-into-the-horizon-dark: mix(#000, $sail-into-the-horizon, 20%);
.element {
color: $sail-into-the-horizon;
box-shadow: 0 0 0 2px rgba($sail-into-the-horizon, 0.35);
}