Named color · #ACCAD5
Sea Wind
Sea Wind is #ACCAD5: rgb(172 202 213), hsl(196 33% 75%), oklch(0.82 0.036 222). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Sea Wind color name →
#ACCAD5
oklch(0.82 0.036 222)
Color conversions
- HEX
- #accad5
- RGB
- rgb(172 202 213)
- HSL
- hsl(196 33% 75%)
- HWB
- hwb(196 67% 16%)
- OKLCH
- oklch(0.82 0.036 222)
- OKLab
- oklab(0.82 -0.027 -0.024)
- CIE Lab
- lab(79.36 -8.65 -9.04)
- LCH
- lch(79.36 12.51 226.3)
- CMYK
- cmyk(19% 5% 0% 16%)
Tints · Shades · Tones
Tints
- B4CFD9
- BCD4DD
- C5DAE2
- CDDFE6
- D5E4EA
- DEEAEE
- E6EFF2
- EEF4F7
- F7FAFB
Shades
- 95AFB9
- 7F959E
- 697C83
- 54646A
- 404D51
- 2D373A
- 1B2224
- 0B0F10
- 010202
Tones
- A8C2CC
- A3BBC3
- 9FB3BB
- 9AACB2
- 96A4AA
- 929DA1
- 8D9699
- 898E90
- 848788
Color harmonies
Complementary +180°
- ACCAD5
Sea Wind
- DABDB3
≈ Peach Blush
Analogous -30° +30°
- ACCAD5
Sea Wind
- ABCCCA
≈ Baroque Chalk Soft Blue
- B4C6DB
≈ Blue Ballerina
Triadic +120° +240°
- ACCAD5
Sea Wind
- D6BCCB
≈ Noteworthy
- C8C6AB
≈ Cargo Green
Split-complementary +150° +210°
- ACCAD5
Sea Wind
- DABBBE
≈ Shy Smile
- D3C1AC
≈ Frosted Almond
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.72:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.16:1 · APCA Lc 72
Best text color: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--sea-wind: #accad5;
--sea-wind-rgb: 172 202 213;
--sea-wind-oklch: oklch(0.82 0.036 222);
}
.element {
color: var(--sea-wind);
background-color: hsl(196 33% 75%);
border-color: oklch(0.82 0.036 222);
}Tailwind CSS v4
@theme {
--color-sea-wind: #accad5;
--color-sea-wind-50: #ebf8fd;
--color-sea-wind-100: #dcebf1;
--color-sea-wind-200: #c5d8e0;
--color-sea-wind-300: #a5bcc5;
--color-sea-wind-400: #88a4ae;
--color-sea-wind-500: #6d8c97;
--color-sea-wind-600: #5c7680;
--color-sea-wind-700: #495f66;
--color-sea-wind-800: #35454b;
--color-sea-wind-900: #243034;
--color-sea-wind-950: #131c1f;
}SCSS
$sea-wind: #accad5;
$sea-wind-rgb: 172, 202, 213;
$sea-wind-light: mix(#fff, $sea-wind, 20%);
$sea-wind-dark: mix(#000, $sea-wind, 20%);
.element {
color: $sea-wind;
box-shadow: 0 0 0 2px rgba($sea-wind, 0.35);
}