Màu có tên gần nhất · #568EB5
#568EB5
Màu có tên gần nhất: Treasure Map Waters
#568EB5 (rgb(86 142 181), hsl(205 39% 52%), oklch(0.624 0.084 240.3)) gần nhất với màu có tên Treasure Map Waters. 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.
#568EB5
oklch(0.624 0.084 240.3)
Chuyển đổi màu
- HEX
- #568eb5
- RGB
- rgb(86 142 181)
- HSL
- hsl(205 39% 52%)
- HWB
- hwb(205 34% 29%)
- OKLCH
- oklch(0.624 0.084 240.3)
- OKLab
- oklab(0.624 -0.041 -0.073)
- CIE Lab
- lab(56.35 -10.62 -26.6)
- LCH
- lch(56.35 28.64 248.2)
- CMYK
- cmyk(52% 22% 0% 29%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6799BD
- 78A4C4
- 89AFCC
- 99BAD3
- AAC6DA
- BBD1E2
- CCDCE9
- DDE8F0
- EEF3F8
Sắc đậm
- 4A7B9D
- 3E6886
- 32566F
- 274459
- 1C3444
- 122430
- 08151D
- 02070C
- 000102
Sắc xám
- 5B8DB0
- 608CAB
- 658AA5
- 6989A0
- 6D889B
- 718695
- 758590
- 79838B
- 7D8285
Hòa sắc
Bổ túc +180°
- 568EB5
Treasure Map Waters
- AD7B52
≈ Loquat Brown
Tương đồng -30° +30°
- 568EB5
Treasure Map Waters
- 4095A3
≈ Aqua Dance
- 7485BA
≈ Orbital
Bộ ba +120° +240°
- 568EB5
Treasure Map Waters
- B17285
≈ Tapestry
- 808F54
≈ Camo
Bổ túc chia +150° +210°
- 568EB5
Treasure Map Waters
- B47469
≈ Rojo Dust
- 9B8549
≈ Madagascar
Bộ bốn +90° +180° +270°
- 568EB5
Treasure Map Waters
- A4759F
≈ Long Forgotten Purple
- AD7B52
≈ Loquat Brown
- 61966D
≈ Endless
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.54:1 · APCA Lc 63
Ag
AATrên nền đen
WCAG 5.93:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.93:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
CSS
:root {
--treasure-map-waters: #568eb5;
--treasure-map-waters-rgb: 86 142 181;
--treasure-map-waters-oklch: oklch(0.624 0.084 240.3);
}
.element {
color: var(--treasure-map-waters);
background-color: hsl(205 39% 52%);
border-color: oklch(0.624 0.084 240.3);
}Tailwind CSS v4
@theme {
--color-treasure-map-waters: #568eb5;
--color-treasure-map-waters-50: #e1f9ff;
--color-treasure-map-waters-100: #d1ecff;
--color-treasure-map-waters-200: #b6d9f6;
--color-treasure-map-waters-300: #92bddf;
--color-treasure-map-waters-400: #70a5cb;
--color-treasure-map-waters-500: #4e8db8;
--color-treasure-map-waters-600: #43789c;
--color-treasure-map-waters-700: #35607d;
--color-treasure-map-waters-800: #24465c;
--color-treasure-map-waters-900: #183140;
--color-treasure-map-waters-950: #091d29;
}SCSS
$treasure-map-waters: #568eb5;
$treasure-map-waters-rgb: 86, 142, 181;
$treasure-map-waters-light: mix(#fff, $treasure-map-waters, 20%);
$treasure-map-waters-dark: mix(#000, $treasure-map-waters, 20%);
.element {
color: $treasure-map-waters;
box-shadow: 0 0 0 2px rgba($treasure-map-waters, 0.35);
}