Màu có tên gần nhất · #8AB0D1
#8AB0D1
Màu có tên gần nhất: High Tide
#8AB0D1 (rgb(138 176 209), hsl(208 44% 68%), oklch(0.741 0.063 245)) gần nhất với màu có tên High Tide. 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.
#8AB0D1
oklch(0.741 0.063 245)
Chuyển đổi màu
- HEX
- #8ab0d1
- RGB
- rgb(138 176 209)
- HSL
- hsl(208 44% 68%)
- HWB
- hwb(208 54% 18%)
- OKLCH
- oklch(0.741 0.063 245)
- OKLab
- oklab(0.741 -0.027 -0.057)
- CIE Lab
- lab(69.93 -7.28 -21.21)
- LCH
- lch(69.93 22.42 251.1)
- CMYK
- cmyk(34% 16% 0% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 96B8D6
- A1C0DA
- ADC7DF
- B8CFE4
- C4D7E8
- D0DFED
- DBE7F1
- E7EFF6
- F3F7FB
Sắc đậm
- 7799B5
- 65829B
- 536C81
- 425668
- 324250
- 222E39
- 141C23
- 070B10
- 010102
Sắc xám
- 89ABC9
- 88A6C0
- 88A2B8
- 879DB0
- 8698A8
- 8593A0
- 848E98
- 828A90
- 818588
Hòa sắc
Bổ túc +180°
- 8AB0D1
High Tide
- C8A381
≈ Pelican Tan
Tương đồng -30° +30°
- 8AB0D1
High Tide
- 7CB6C4
≈ Tennis Blue
- 9FA9D4
≈ Whipped Violet
Bộ ba +120° +240°
- 8AB0D1
High Tide
- CF9BA6
≈ Edwardian Rose
- A2B387
≈ Easy Green
Bổ túc chia +150° +210°
- 8AB0D1
High Tide
- D09D90
≈ Soft Sienna
- B7AB7E
≈ Fresh Brew
Bộ bốn +90° +180° +270°
- 8AB0D1
High Tide
- C59DBB
≈ Idyllic Pink
- C8A381
≈ Pelican Tan
- 8CB79A
≈ Garden View
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.27:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.21:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
CSS
:root {
--high-tide: #8ab0d1;
--high-tide-rgb: 138 176 209;
--high-tide-oklch: oklch(0.741 0.063 245);
}
.element {
color: var(--high-tide);
background-color: hsl(208 44% 68%);
border-color: oklch(0.741 0.063 245);
}Tailwind CSS v4
@theme {
--color-high-tide: #8ab0d1;
--color-high-tide-50: #e7f7ff;
--color-high-tide-100: #d8eafc;
--color-high-tide-200: #bfd7ee;
--color-high-tide-300: #9ebbd7;
--color-high-tide-400: #7fa3c2;
--color-high-tide-500: #628bae;
--color-high-tide-600: #537693;
--color-high-tide-700: #425e76;
--color-high-tide-800: #2f4557;
--color-high-tide-900: #20303d;
--color-high-tide-950: #0f1c26;
}SCSS
$high-tide: #8ab0d1;
$high-tide-rgb: 138, 176, 209;
$high-tide-light: mix(#fff, $high-tide, 20%);
$high-tide-dark: mix(#000, $high-tide, 20%);
.element {
color: $high-tide;
box-shadow: 0 0 0 2px rgba($high-tide, 0.35);
}