En yakın adlandırılmış renk · #9FBBE3
#9FBBE3
En yakın adlandırılmış renk: Sail Into the Horizon
#9FBBE3 (rgb(159 187 227), hsl(215 55% 76%), oklch(0.785 0.065 257.3)) 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.
#9FBBE3
oklch(0.785 0.065 257.3)
Renk dönüşümleri
- HEX
- #9fbbe3
- RGB
- rgb(159 187 227)
- HSL
- hsl(215 55% 76%)
- HWB
- hwb(215 62% 11%)
- OKLCH
- oklch(0.785 0.065 257.3)
- OKLab
- oklab(0.785 -0.014 -0.063)
- CIE Lab
- lab(74.82 -2.93 -23.42)
- LCH
- lch(74.82 23.6 262.9)
- CMYK
- cmyk(30% 18% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A8C2E6
- B2C9E9
- BBCFEC
- C5D6EF
- CEDDF2
- D8E4F4
- E2EAF7
- EBF1FA
- F5F8FC
Koyu tonlar
- 8AA2C5
- 758AA8
- 61738C
- 4D5C71
- 3B4657
- 29323F
- 181F27
- 090D12
- 010203
Gri tonlar
- 9CB5D9
- 99AFCF
- 96A9C5
- 93A3BB
- 909DB1
- 8D97A7
- 89919D
- 868C93
- 83868A
Renk uyumları
Tamamlayıcı +180°
- 9FBBE3
Sail Into the Horizon
- D1B48A
≈ Link to the Past
Analog -30° +30°
- 9FBBE3
Sail Into the Horizon
- 8DC2DA
≈ Boutonniere
- B6B3E1
≈ Beloved
Üçlü +120° +240°
- 9FBBE3
Sail Into the Horizon
- E0A9AA
≈ Peach Poppy
- A6C39B
≈ Heartland Frosty
Bölünmüş tamamlayıcı +150° +210°
- 9FBBE3
Sail Into the Horizon
- DDAD96
≈ Arizona Dust
- BDBC8C
≈ Baby Bok Choy
Dörtlü +90° +180° +270°
- 9FBBE3
Sail Into the Horizon
- D9A9C1
≈ Pink Beauty
- D1B48A
≈ Link to the Past
- 91C7B0
≈ Catarina Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.96:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.69:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.69:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--sail-into-the-horizon: #9fbbe3;
--sail-into-the-horizon-rgb: 159 187 227;
--sail-into-the-horizon-oklch: oklch(0.785 0.065 257.3);
}
.element {
color: var(--sail-into-the-horizon);
background-color: hsl(215 55% 76%);
border-color: oklch(0.785 0.065 257.3);
}Tailwind CSS v4
@theme {
--color-sail-into-the-horizon: #9fbbe3;
--color-sail-into-the-horizon-50: #eaf6ff;
--color-sail-into-the-horizon-100: #dbe9fe;
--color-sail-into-the-horizon-200: #c4d5f1;
--color-sail-into-the-horizon-300: #a4b9d9;
--color-sail-into-the-horizon-400: #86a0c5;
--color-sail-into-the-horizon-500: #6b88b1;
--color-sail-into-the-horizon-600: #5b7396;
--color-sail-into-the-horizon-700: #485c78;
--color-sail-into-the-horizon-800: #334359;
--color-sail-into-the-horizon-900: #232f3e;
--color-sail-into-the-horizon-950: #121b27;
}SCSS
$sail-into-the-horizon: #9fbbe3;
$sail-into-the-horizon-rgb: 159, 187, 227;
$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);
}