Màu có tên gần nhất · #2A87FF
#2A87FF
Màu có tên gần nhất: Pool Water
#2A87FF (rgb(42 135 255), hsl(214 100% 58%), oklch(0.635 0.198 257)) gần nhất với màu có tên Pool Water. 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.
#2A87FF
oklch(0.635 0.198 257)
Chuyển đổi màu
- HEX
- #2a87ff
- RGB
- rgb(42 135 255)
- HSL
- hsl(214 100% 58%)
- HWB
- hwb(214 16% 0%)
- OKLCH
- oklch(0.635 0.198 257)
- OKLab
- oklab(0.635 -0.044 -0.193)
- CIE Lab
- lab(56.03 6.83 -68.5)
- LCH
- lch(56.03 68.84 275.7)
- CMYK
- cmyk(84% 47% 0% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 4594FF
- 5CA1FF
- 71AEFF
- 86BAFF
- 9AC6FF
- AED2FF
- C2DDFF
- D7E8FF
- EBF4FF
Sắc đậm
- 2375DE
- 1C63BE
- 16519E
- 104180
- 0A3163
- 052148
- 02132E
- 010616
- 000103
Sắc xám
- 3888F2
- 4388E6
- 4D88D9
- 5687CD
- 5E87C0
- 6686B4
- 6D85A7
- 73849A
- 7A828D
Hòa sắc
Bổ túc +180°
- 2A87FF
Pool Water
- B77E00
≈ Guo Tie Dumpling
Tương đồng -30° +30°
- 2A87FF
Pool Water
- 0098C4
≈ Atomic Blue
- 8770FA
≈ Blackthorn Berry
Bộ ba +120° +240°
- 2A87FF
Pool Water
- EA475E
≈ Guide Pink
- 49A300
≈ Lawn Green
Bổ túc chia +150° +210°
- 2A87FF
Pool Water
- DC6000
≈ Ancient Bamboo
- 958F00
≈ Old Asparagus
Bộ bốn +90° +180° +270°
- 2A87FF
Pool Water
- DA4BA1
≈ Nova Pink
- B77E00
≈ Guo Tie Dumpling
- 00A37A
≈ Sport Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.49:1 · APCA Lc 62
Ag
AATrên nền đen
WCAG 6.00:1 · APCA Lc 40
Màu chữ tốt nhất: #000000
WCAG 6.00:1 (AA) · APCA Lc 40
Contrast pairs
Đoạn mã
CSS
:root {
--pool-water: #2a87ff;
--pool-water-rgb: 42 135 255;
--pool-water-oklch: oklch(0.635 0.198 257);
}
.element {
color: var(--pool-water);
background-color: hsl(214 100% 58%);
border-color: oklch(0.635 0.198 257);
}Tailwind CSS v4
@theme {
--color-pool-water: #2a87ff;
--color-pool-water-50: #d3f7ff;
--color-pool-water-100: #c0eaff;
--color-pool-water-200: #a1d6ff;
--color-pool-water-300: #77b7ff;
--color-pool-water-400: #489dff;
--color-pool-water-500: #0780ff;
--color-pool-water-600: #0e6ddc;
--color-pool-water-700: #0d57b1;
--color-pool-water-800: #004084;
--color-pool-water-900: #002d5e;
--color-pool-water-950: #001940;
}SCSS
$pool-water: #2a87ff;
$pool-water-rgb: 42, 135, 255;
$pool-water-light: mix(#fff, $pool-water, 20%);
$pool-water-dark: mix(#000, $pool-water, 20%);
.element {
color: $pool-water;
box-shadow: 0 0 0 2px rgba($pool-water, 0.35);
}