Màu có tên gần nhất · #9FBBE3
#9FBBE3
Màu có tên gần nhất: Sail Into the Horizon
#9FBBE3 (rgb(159 187 227), hsl(215 55% 76%), oklch(0.785 0.065 257.3)) 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.
#9FBBE3
oklch(0.785 0.065 257.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A8C2E6
- B2C9E9
- BBCFEC
- C5D6EF
- CEDDF2
- D8E4F4
- E2EAF7
- EBF1FA
- F5F8FC
Sắc đậm
- 8AA2C5
- 758AA8
- 61738C
- 4D5C71
- 3B4657
- 29323F
- 181F27
- 090D12
- 010203
Sắc xám
- 9CB5D9
- 99AFCF
- 96A9C5
- 93A3BB
- 909DB1
- 8D97A7
- 89919D
- 868C93
- 83868A
Hòa sắc
Bổ túc +180°
- 9FBBE3
Sail Into the Horizon
- D1B48A
≈ Link to the Past
Tương đồng -30° +30°
- 9FBBE3
Sail Into the Horizon
- 8DC2DA
≈ Boutonniere
- B6B3E1
≈ Beloved
Bộ ba +120° +240°
- 9FBBE3
Sail Into the Horizon
- E0A9AA
≈ Peach Poppy
- A6C39B
≈ Heartland Frosty
Bổ túc chia +150° +210°
- 9FBBE3
Sail Into the Horizon
- DDAD96
≈ Arizona Dust
- BDBC8C
≈ Baby Bok Choy
Bộ bốn +90° +180° +270°
- 9FBBE3
Sail Into the Horizon
- D9A9C1
≈ Pink Beauty
- D1B48A
≈ Link to the Past
- 91C7B0
≈ Catarina Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.96:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.69:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.69:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
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);
}