Named color · #A3D1E2
Sea Rover
Sea Rover is #A3D1E2: rgb(163 209 226), hsl(196 52% 76%), oklch(0.834 0.054 222.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Sea Rover color name →
#A3D1E2
oklch(0.834 0.054 222.5)
Color conversions
- HEX
- #a3d1e2
- RGB
- rgb(163 209 226)
- HSL
- hsl(196 52% 76%)
- HWB
- hwb(196 64% 11%)
- OKLCH
- oklch(0.834 0.054 222.5)
- OKLab
- oklab(0.834 -0.04 -0.036)
- CIE Lab
- lab(81 -12.67 -13.61)
- LCH
- lch(81 18.6 227.1)
- CMYK
- cmyk(28% 8% 0% 11%)
Tints · Shades · Tones
Tints
- ACD6E5
- B6DAE8
- BFDFEB
- C8E3EE
- D1E8F1
- DAEDF4
- E4F1F6
- EDF6F9
- F6FAFC
Shades
- 8DB5C4
- 789BA8
- 63818C
- 4F6871
- 3C5057
- 2A393E
- 192327
- 0A1012
- 010203
Tones
- A0C9D8
- 9CC0CE
- 99B8C4
- 96B0BA
- 92A8B0
- 8FA0A6
- 8B989C
- 879093
- 848889
Color harmonies
Complementary +180°
- A3D1E2
Sea Rover
- E8BEAD
≈ Retro Peach
Analogous -30° +30°
- A3D1E2
Sea Rover
- A0D4D2
≈ Crystal Aqua
- B0CBEB
≈ Breeze
Triadic +120° +240°
- A3D1E2
Sea Rover
- E2BBD2
≈ Eau de Rose
- CFCBA3
≈ Crisp Celery
Split-complementary +150° +210°
- A3D1E2
Sea Rover
- E9BBBF
≈ Blush Kiss
- DFC4A3
≈ Light Corn Yellow
Tetradic +90° +180° +270°
- A3D1E2
Sea Rover
- D5BFE2
≈ York Plum
- E8BEAD
≈ Retro Peach
- BBD1AD
≈ Jardin
Contrast & accessibility
Ag
FailOn white
WCAG 1.64:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.77:1 · APCA Lc 74
Best text color: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--sea-rover: #a3d1e2;
--sea-rover-rgb: 163 209 226;
--sea-rover-oklch: oklch(0.834 0.054 222.5);
}
.element {
color: var(--sea-rover);
background-color: hsl(196 52% 76%);
border-color: oklch(0.834 0.054 222.5);
}Tailwind CSS v4
@theme {
--color-sea-rover: #a3d1e2;
--color-sea-rover-50: #e6f9ff;
--color-sea-rover-100: #d6ecf5;
--color-sea-rover-200: #bddae6;
--color-sea-rover-300: #9bbecc;
--color-sea-rover-400: #7ca6b6;
--color-sea-rover-500: #5d8ea0;
--color-sea-rover-600: #507987;
--color-sea-rover-700: #3f606c;
--color-sea-rover-800: #2d474f;
--color-sea-rover-900: #1e3137;
--color-sea-rover-950: #0e1d22;
}SCSS
$sea-rover: #a3d1e2;
$sea-rover-rgb: 163, 209, 226;
$sea-rover-light: mix(#fff, $sea-rover, 20%);
$sea-rover-dark: mix(#000, $sea-rover, 20%);
.element {
color: $sea-rover;
box-shadow: 0 0 0 2px rgba($sea-rover, 0.35);
}