Màu có tên gần nhất · #99C7FF
#99C7FF
Màu có tên gần nhất: Sail to the Sea
#99C7FF (rgb(153 199 255), hsl(213 100% 80%), oklch(0.818 0.093 253.7)) 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.
#99C7FF
oklch(0.818 0.093 253.7)
Chuyển đổi màu
- HEX
- #99c7ff
- RGB
- rgb(153 199 255)
- HSL
- hsl(213 100% 80%)
- HWB
- hwb(213 60% 0%)
- OKLCH
- oklch(0.818 0.093 253.7)
- OKLab
- oklab(0.818 -0.026 -0.09)
- CIE Lab
- lab(78.52 -5.18 -32.82)
- LCH
- lch(78.52 33.23 261)
- CMYK
- cmyk(40% 22% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A3CDFF
- AED2FF
- B8D8FF
- C2DEFF
- CCE3FF
- D6E9FF
- E0EEFF
- EBF4FF
- F5FAFF
Sắc đậm
- 84ADDE
- 7093BE
- 5D7A9E
- 4A6280
- 384C63
- 273648
- 17212E
- 080E16
- 010203
Sắc xám
- 97C0F2
- 95B9E5
- 92B1D8
- 90AACB
- 8DA3BE
- 8B9CB2
- 8895A5
- 868E99
- 83878C
Hòa sắc
Bổ túc +180°
- 99C7FF
Sail to the Sea
- E8BA7E
≈ Corvette
Tương đồng -30° +30°
- 99C7FF
Sail to the Sea
- 7CD1F0
≈ Afternoon Sky
- BBBCFE
≈ Dried Lilac
Bộ ba +120° +240°
- 99C7FF
Sail to the Sea
- FAABB1
≈ Pink Blush
- ABD193
≈ Nature’s Delight
Bổ túc chia +150° +210°
- 99C7FF
Sail to the Sea
- F7B092
≈ Orange Grove
- CDC77E
≈ Muted Lime
Bộ bốn +90° +180° +270°
- 99C7FF
Sail to the Sea
- EFABD3
≈ Waddles Pink
- E8BA7E
≈ Corvette
- 88D7B3
≈ Cabbage
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.75:1 · APCA Lc 32
Ag
AAATrên nền đen
WCAG 11.96:1 · APCA Lc 71
Màu chữ tốt nhất: #000000
WCAG 11.96:1 (AAA) · APCA Lc 71
Contrast pairs
Đoạn mã
CSS
:root {
--sail-to-the-sea: #99c7ff;
--sail-to-the-sea-rgb: 153 199 255;
--sail-to-the-sea-oklch: oklch(0.818 0.093 253.7);
}
.element {
color: var(--sail-to-the-sea);
background-color: hsl(213 100% 80%);
border-color: oklch(0.818 0.093 253.7);
}Tailwind CSS v4
@theme {
--color-sail-to-the-sea: #99c7ff;
--color-sail-to-the-sea-50: #e4f7ff;
--color-sail-to-the-sea-100: #d4eaff;
--color-sail-to-the-sea-200: #bad7fc;
--color-sail-to-the-sea-300: #98bae7;
--color-sail-to-the-sea-400: #77a2d5;
--color-sail-to-the-sea-500: #5989c3;
--color-sail-to-the-sea-600: #4c74a4;
--color-sail-to-the-sea-700: #3c5d84;
--color-sail-to-the-sea-800: #294462;
--color-sail-to-the-sea-900: #1c2f45;
--color-sail-to-the-sea-950: #0c1b2c;
}SCSS
$sail-to-the-sea: #99c7ff;
$sail-to-the-sea-rgb: 153, 199, 255;
$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);
}