Màu có tên gần nhất · #A0BCDF
#A0BCDF
Màu có tên gần nhất: Sail Into the Horizon
#A0BCDF (rgb(160 188 223), hsl(213 50% 75%), oklch(0.786 0.059 254.2)) 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.
#A0BCDF
oklch(0.786 0.059 254.2)
Chuyển đổi màu
- HEX
- #a0bcdf
- RGB
- rgb(160 188 223)
- HSL
- hsl(213 50% 75%)
- HWB
- hwb(213 63% 13%)
- OKLCH
- oklch(0.786 0.059 254.2)
- OKLab
- oklab(0.786 -0.016 -0.056)
- CIE Lab
- lab(75.04 -3.86 -20.93)
- LCH
- lch(75.04 21.28 259.5)
- CMYK
- cmyk(28% 16% 0% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A9C3E2
- B3C9E6
- BCD0E9
- C5D7EC
- CFDDEF
- D8E4F3
- E2EBF6
- ECF1F9
- F5F8FC
Sắc đậm
- 8BA3C2
- 768BA5
- 61738A
- 4E5D6F
- 3B4756
- 29323D
- 191F27
- 090D12
- 010202
Sắc xám
- 9DB6D5
- 9AB0CB
- 97AAC2
- 93A4B8
- 909EAF
- 8D98A5
- 8A929C
- 878C92
- 838689
Hòa sắc
Bổ túc +180°
- A0BCDF
Sail Into the Horizon
- D0B490
≈ Moraine
Tương đồng -30° +30°
- A0BCDF
Sail Into the Horizon
- 91C2D6
≈ Eastern Sky
- B4B5DE
≈ Beloved
Bộ ba +120° +240°
- A0BCDF
Sail Into the Horizon
- DCABAE
≈ Pink Stock
- AAC29C
≈ Pale Mint
Bổ túc chia +150° +210°
- A0BCDF
Sail Into the Horizon
- DBAE9B
≈ Rose Cloud
- BFBC90
≈ New Foliage
Bộ bốn +90° +180° +270°
- A0BCDF
Sail Into the Horizon
- D6ABC3
≈ Heart to Heart
- D0B490
≈ Moraine
- 97C6AF
≈ Mini Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.95:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.75:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.75:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--sail-into-the-horizon: #a0bcdf;
--sail-into-the-horizon-rgb: 160 188 223;
--sail-into-the-horizon-oklch: oklch(0.786 0.059 254.2);
}
.element {
color: var(--sail-into-the-horizon);
background-color: hsl(213 50% 75%);
border-color: oklch(0.786 0.059 254.2);
}Tailwind CSS v4
@theme {
--color-sail-into-the-horizon: #a0bcdf;
--color-sail-into-the-horizon-50: #ebf6ff;
--color-sail-into-the-horizon-100: #dce9fc;
--color-sail-into-the-horizon-200: #c4d6ee;
--color-sail-into-the-horizon-300: #a4b9d6;
--color-sail-into-the-horizon-400: #87a1c1;
--color-sail-into-the-horizon-500: #6b89ad;
--color-sail-into-the-horizon-600: #5b7492;
--color-sail-into-the-horizon-700: #495c75;
--color-sail-into-the-horizon-800: #344456;
--color-sail-into-the-horizon-900: #232f3c;
--color-sail-into-the-horizon-950: #121b26;
}SCSS
$sail-into-the-horizon: #a0bcdf;
$sail-into-the-horizon-rgb: 160, 188, 223;
$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);
}