Nearest named color · #2688FF
#2688FF
Nearest named color: Pool Water
#2688FF (rgb(38 136 255), hsl(213 100% 57%), oklch(0.636 0.198 256.3)) is closest to the named color Pool Water. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2688FF
oklch(0.636 0.198 256.3)
Color conversions
- HEX
- #2688ff
- RGB
- rgb(38 136 255)
- HSL
- hsl(213 100% 57%)
- HWB
- hwb(213 15% 0%)
- OKLCH
- oklch(0.636 0.198 256.3)
- OKLab
- oklab(0.636 -0.047 -0.192)
- CIE Lab
- lab(56.23 5.92 -68.19)
- LCH
- lch(56.23 68.44 275)
- CMYK
- cmyk(85% 47% 0% 0%)
Tints · Shades · Tones
Tints
- 4395FF
- 5AA2FF
- 70AEFF
- 85BAFF
- 9AC6FF
- AED2FF
- C2DDFF
- D6E9FF
- EBF4FF
Shades
- 2075DE
- 1963BE
- 13529E
- 0D4180
- 083163
- 042248
- 02132E
- 010616
- 000103
Tones
- 3588F2
- 4289E6
- 4C88D9
- 5588CD
- 5D87C0
- 6586B4
- 6C85A7
- 73849A
- 7A828D
Color harmonies
Complementary +180°
- 2688FF
Pool Water
- B87E00
≈ Guo Tie Dumpling
Analogous -30° +30°
- 2688FF
Pool Water
- 0099C3
≈ Atomic Blue
- 8671FB
≈ Blackthorn Berry
Triadic +120° +240°
- 2688FF
Pool Water
- EA4860
≈ Guide Pink
- 4DA300
≈ Lawn Green
Split-complementary +150° +210°
- 2688FF
Pool Water
- DE5F00
≈ Ancient Bamboo
- 968F00
≈ Smoothie Green
Tetradic +90° +180° +270°
- 2688FF
Pool Water
- DA4CA3
≈ Nova Pink
- B87E00
≈ Guo Tie Dumpling
- 00A479
≈ Active Green
Contrast & accessibility
Ag
FailOn white
WCAG 3.47:1 · APCA Lc 62
Ag
AAOn black
WCAG 6.04:1 · APCA Lc 40
Best text color: #000000
WCAG 6.04:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
CSS
:root {
--pool-water: #2688ff;
--pool-water-rgb: 38 136 255;
--pool-water-oklch: oklch(0.636 0.198 256.3);
}
.element {
color: var(--pool-water);
background-color: hsl(213 100% 57%);
border-color: oklch(0.636 0.198 256.3);
}Tailwind CSS v4
@theme {
--color-pool-water: #2688ff;
--color-pool-water-50: #d3f8ff;
--color-pool-water-100: #bfeaff;
--color-pool-water-200: #9fd6ff;
--color-pool-water-300: #76b8ff;
--color-pool-water-400: #459dff;
--color-pool-water-500: #0081ff;
--color-pool-water-600: #056ddb;
--color-pool-water-700: #0758b1;
--color-pool-water-800: #004184;
--color-pool-water-900: #002d5d;
--color-pool-water-950: #001940;
}SCSS
$pool-water: #2688ff;
$pool-water-rgb: 38, 136, 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);
}