Nearest named color · #2A87FF
#2A87FF
Nearest named color: Pool Water
#2A87FF (rgb(42 135 255), hsl(214 100% 58%), oklch(0.635 0.198 257)) is closest to the named color Pool Water. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2A87FF
oklch(0.635 0.198 257)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 4594FF
- 5CA1FF
- 71AEFF
- 86BAFF
- 9AC6FF
- AED2FF
- C2DDFF
- D7E8FF
- EBF4FF
Shades
- 2375DE
- 1C63BE
- 16519E
- 104180
- 0A3163
- 052148
- 02132E
- 010616
- 000103
Tones
- 3888F2
- 4388E6
- 4D88D9
- 5687CD
- 5E87C0
- 6686B4
- 6D85A7
- 73849A
- 7A828D
Color harmonies
Complementary +180°
- 2A87FF
Pool Water
- B77E00
≈ Guo Tie Dumpling
Analogous -30° +30°
- 2A87FF
Pool Water
- 0098C4
≈ Atomic Blue
- 8770FA
≈ Blackthorn Berry
Triadic +120° +240°
- 2A87FF
Pool Water
- EA475E
≈ Guide Pink
- 49A300
≈ Lawn Green
Split-complementary +150° +210°
- 2A87FF
Pool Water
- DC6000
≈ Ancient Bamboo
- 958F00
≈ Old Asparagus
Tetradic +90° +180° +270°
- 2A87FF
Pool Water
- DA4BA1
≈ Nova Pink
- B77E00
≈ Guo Tie Dumpling
- 00A37A
≈ Sport Green
Contrast & accessibility
Ag
FailOn white
WCAG 3.49:1 · APCA Lc 62
Ag
AAOn black
WCAG 6.00:1 · APCA Lc 40
Best text color: #000000
WCAG 6.00:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
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);
}