Màu có tên gần nhất · #008FA1
#008FA1
Màu có tên gần nhất: Oasis
#008FA1 (rgb(0 143 161), hsl(187 100% 32%), oklch(0.596 0.103 210.3)) gần nhất với màu có tên Oasis. 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.
#008FA1
oklch(0.596 0.103 210.3)
Chuyển đổi màu
- HEX
- #008fa1
- RGB
- rgb(0 143 161)
- HSL
- hsl(187 100% 32%)
- HWB
- hwb(187 0% 37%)
- OKLCH
- oklch(0.596 0.103 210.3)
- OKLab
- oklab(0.596 -0.089 -0.052)
- CIE Lab
- lab(53.87 -28.26 -19.23)
- LCH
- lch(53.87 34.18 214.2)
- CMYK
- cmyk(100% 11% 0% 37%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 379AAA
- 53A5B4
- 6BB0BD
- 81BBC6
- 97C7D0
- ACD2D9
- C1DDE2
- D5E8EC
- EAF4F5
Sắc đậm
- 007C8B
- 006976
- 005762
- 00454E
- 00343C
- 00242A
- 001519
- 000709
- 000101
Sắc xám
- 268E9E
- 388C9B
- 468B97
- 518A94
- 5A8891
- 63878D
- 6B858A
- 728487
- 798283
Hòa sắc
Bổ túc +180°
- 008FA1
Oasis
- B46659
≈ Henna Shade
Tương đồng -30° +30°
- 008FA1
Oasis
- 179382
≈ Silk Sari
- 3D86B6
≈ Curious Blue
Bộ ba +120° +240°
- 008FA1
Oasis
- A2679C
≈ Iris Orchid
- 977C2B
≈ Fernweh
Bổ túc chia +150° +210°
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 3.85:1 · APCA Lc 65
Ag
AATrên nền đen
WCAG 5.44:1 · APCA Lc 36
Màu chữ tốt nhất: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Đoạn mã
CSS
:root {
--oasis: #008fa1;
--oasis-rgb: 0 143 161;
--oasis-oklch: oklch(0.596 0.103 210.3);
}
.element {
color: var(--oasis);
background-color: hsl(187 100% 32%);
border-color: oklch(0.596 0.103 210.3);
}Tailwind CSS v4
@theme {
--color-oasis: #008fa1;
--color-oasis-50: #d5feff;
--color-oasis-100: #c1f2fc;
--color-oasis-200: #a1e1ee;
--color-oasis-300: #75c6d6;
--color-oasis-400: #46afc0;
--color-oasis-500: #0098ac;
--color-oasis-600: #008091;
--color-oasis-700: #006774;
--color-oasis-800: #004c55;
--color-oasis-900: #00353b;
--color-oasis-950: #002025;
}SCSS
$oasis: #008fa1;
$oasis-rgb: 0, 143, 161;
$oasis-light: mix(#fff, $oasis, 20%);
$oasis-dark: mix(#000, $oasis, 20%);
.element {
color: $oasis;
box-shadow: 0 0 0 2px rgba($oasis, 0.35);
}