Màu có tên gần nhất · #008BA5
#008BA5
Màu có tên gần nhất: Waikiki
#008BA5 (rgb(0 139 165), hsl(189 100% 32%), oklch(0.587 0.105 217.1)) gần nhất với màu có tên Waikiki. 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.
#008BA5
oklch(0.587 0.105 217.1)
Chuyển đổi màu
- HEX
- #008ba5
- RGB
- rgb(0 139 165)
- HSL
- hsl(189 100% 32%)
- HWB
- hwb(189 0% 35%)
- OKLCH
- oklch(0.587 0.105 217.1)
- OKLab
- oklab(0.587 -0.084 -0.063)
- CIE Lab
- lab(52.72 -25.35 -23.27)
- LCH
- lch(52.72 34.41 222.5)
- CMYK
- cmyk(100% 16% 0% 35%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3696AE
- 52A2B7
- 6AAEC0
- 80B9C9
- 96C5D2
- ABD0DB
- C0DCE4
- D5E8ED
- EAF3F6
Sắc đậm
- 00788F
- 006679
- 005465
- 004351
- 00323D
- 00232B
- 00141A
- 00070A
- 000101
Sắc xám
- 268AA1
- 37899E
- 45889A
- 508797
- 5A8693
- 62858F
- 6A848B
- 728388
- 798184
Hòa sắc
Bổ túc +180°
- 008BA5
Waikiki
- B1654E
≈ Bruschetta
Tương đồng -30° +30°
- 008BA5
Waikiki
- 009087
≈ Nifty Turquoise
- 4481B7
≈ Steel Blue
Bộ ba +120° +240°
- 008BA5
Waikiki
- A46393
≈ Exotic Bloom
- 8E7C27
≈ Mossy Meadow
Bổ túc chia +150° +210°
- 008BA5
Waikiki
- B06071
≈ Pretty Peony
- A66F2F
≈ Inca Gold
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.01:1 · APCA Lc 67
Ag
AATrên nền đen
WCAG 5.23:1 · APCA Lc 35
Màu chữ tốt nhất: #000000
WCAG 5.23:1 (AA) · APCA Lc 35
Contrast pairs
Đoạn mã
CSS
:root {
--waikiki: #008ba5;
--waikiki-rgb: 0 139 165;
--waikiki-oklch: oklch(0.587 0.105 217.1);
}
.element {
color: var(--waikiki);
background-color: hsl(189 100% 32%);
border-color: oklch(0.587 0.105 217.1);
}Tailwind CSS v4
@theme {
--color-waikiki: #008ba5;
--color-waikiki-50: #d5fdff;
--color-waikiki-100: #c2f1ff;
--color-waikiki-200: #a1e0f3;
--color-waikiki-300: #76c5dc;
--color-waikiki-400: #48aec7;
--color-waikiki-500: #0096b3;
--color-waikiki-600: #007f97;
--color-waikiki-700: #006679;
--color-waikiki-800: #004b59;
--color-waikiki-900: #01343e;
--color-waikiki-950: #001f27;
}SCSS
$waikiki: #008ba5;
$waikiki-rgb: 0, 139, 165;
$waikiki-light: mix(#fff, $waikiki, 20%);
$waikiki-dark: mix(#000, $waikiki, 20%);
.element {
color: $waikiki;
box-shadow: 0 0 0 2px rgba($waikiki, 0.35);
}