Màu có tên gần nhất · #9DC8FA
#9DC8FA
Màu có tên gần nhất: Sail to the Sea
#9DC8FA (rgb(157 200 250), hsl(212 90% 80%), oklch(0.82 0.084 252.6)) gần nhất với màu có tên Sail to the Sea. 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.
#9DC8FA
oklch(0.82 0.084 252.6)
Chuyển đổi màu
- HEX
- #9dc8fa
- RGB
- rgb(157 200 250)
- HSL
- hsl(212 90% 80%)
- HWB
- hwb(212 62% 2%)
- OKLCH
- oklch(0.82 0.084 252.6)
- OKLab
- oklab(0.82 -0.025 -0.081)
- CIE Lab
- lab(78.87 -5.56 -29.6)
- LCH
- lch(78.87 30.12 259.4)
- CMYK
- cmyk(37% 20% 0% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A7CEFB
- B1D3FC
- BAD9FC
- C4DEFD
- CEE4FD
- D8E9FE
- E2EFFE
- EBF4FF
- F5FAFF
Sắc đậm
- 88AED9
- 7394BA
- 5F7B9B
- 4C637D
- 3A4C61
- 283646
- 18212D
- 090F15
- 010203
Sắc xám
- 9AC1ED
- 98B9E1
- 95B2D4
- 92ABC8
- 8FA4BC
- 8C9CB0
- 8995A4
- 868E98
- 83878C
Hòa sắc
Bổ túc +180°
- 9DC8FA
Sail to the Sea
- E6BC87
≈ Bread Pudding
Tương đồng -30° +30°
- 9DC8FA
Sail to the Sea
- 85D1EC
≈ Afternoon Sky
- BBBEFA
≈ Dried Lilac
Bộ ba +120° +240°
- 9DC8FA
Sail to the Sea
- F5AEB5
≈ Pink Blush
- AFD098
≈ Relaxation Green
Bổ túc chia +150° +210°
- 9DC8FA
Sail to the Sea
- F4B399
≈ Crab Bisque
- CEC786
≈ Green Apple Martini
Bộ bốn +90° +180° +270°
- 9DC8FA
Sail to the Sea
- EBAFD3
≈ Flower Power
- E6BC87
≈ Bread Pudding
- 91D6B4
≈ Vista Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.73:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 12.07:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--sail-to-the-sea: #9dc8fa;
--sail-to-the-sea-rgb: 157 200 250;
--sail-to-the-sea-oklch: oklch(0.82 0.084 252.6);
}
.element {
color: var(--sail-to-the-sea);
background-color: hsl(212 90% 80%);
border-color: oklch(0.82 0.084 252.6);
}Tailwind CSS v4
@theme {
--color-sail-to-the-sea: #9dc8fa;
--color-sail-to-the-sea-50: #e5f7ff;
--color-sail-to-the-sea-100: #d5eaff;
--color-sail-to-the-sea-200: #bcd7f8;
--color-sail-to-the-sea-300: #9abae2;
--color-sail-to-the-sea-400: #7aa2cf;
--color-sail-to-the-sea-500: #5c89bd;
--color-sail-to-the-sea-600: #4f749f;
--color-sail-to-the-sea-700: #3f5d80;
--color-sail-to-the-sea-800: #2b445f;
--color-sail-to-the-sea-900: #1d2f42;
--color-sail-to-the-sea-950: #0d1c2b;
}SCSS
$sail-to-the-sea: #9dc8fa;
$sail-to-the-sea-rgb: 157, 200, 250;
$sail-to-the-sea-light: mix(#fff, $sail-to-the-sea, 20%);
$sail-to-the-sea-dark: mix(#000, $sail-to-the-sea, 20%);
.element {
color: $sail-to-the-sea;
box-shadow: 0 0 0 2px rgba($sail-to-the-sea, 0.35);
}