En yakın adlandırılmış renk · #A0BCDF
#A0BCDF
En yakın adlandırılmış renk: Sail Into the Horizon
#A0BCDF (rgb(160 188 223), hsl(213 50% 75%), oklch(0.786 0.059 254.2)) en çok Sail Into the Horizon adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A0BCDF
oklch(0.786 0.059 254.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A9C3E2
- B3C9E6
- BCD0E9
- C5D7EC
- CFDDEF
- D8E4F3
- E2EBF6
- ECF1F9
- F5F8FC
Koyu tonlar
- 8BA3C2
- 768BA5
- 61738A
- 4E5D6F
- 3B4756
- 29323D
- 191F27
- 090D12
- 010202
Gri tonlar
- 9DB6D5
- 9AB0CB
- 97AAC2
- 93A4B8
- 909EAF
- 8D98A5
- 8A929C
- 878C92
- 838689
Renk uyumları
Tamamlayıcı +180°
- A0BCDF
Sail Into the Horizon
- D0B490
≈ Moraine
Analog -30° +30°
- A0BCDF
Sail Into the Horizon
- 91C2D6
≈ Eastern Sky
- B4B5DE
≈ Beloved
Üçlü +120° +240°
- A0BCDF
Sail Into the Horizon
- DCABAE
≈ Pink Stock
- AAC29C
≈ Pale Mint
Bölünmüş tamamlayıcı +150° +210°
- A0BCDF
Sail Into the Horizon
- DBAE9B
≈ Rose Cloud
- BFBC90
≈ New Foliage
Dörtlü +90° +180° +270°
- A0BCDF
Sail Into the Horizon
- D6ABC3
≈ Heart to Heart
- D0B490
≈ Moraine
- 97C6AF
≈ Mini Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.75:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.75:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
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);
}