Nearest named color · #88C3D3
#88C3D3
Nearest named color: Dolphin
#88C3D3 (rgb(136 195 211), hsl(193 46% 68%), oklch(0.782 0.065 216.5)) is closest to the named color Dolphin. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#88C3D3
oklch(0.782 0.065 216.5)
Color conversions
- HEX
- #88c3d3
- RGB
- rgb(136 195 211)
- HSL
- hsl(193 46% 68%)
- HWB
- hwb(193 53% 17%)
- OKLCH
- oklch(0.782 0.065 216.5)
- OKLab
- oklab(0.782 -0.052 -0.039)
- CIE Lab
- lab(75.17 -16.77 -14.46)
- LCH
- lch(75.17 22.14 220.8)
- CMYK
- cmyk(36% 8% 0% 17%)
Tints · Shades · Tones
Tints
- 94C9D7
- A0CFDC
- ADD5E0
- B8DBE5
- C4E1E9
- D0E7ED
- DCEDF2
- E8F3F6
- F3F9FB
Shades
- 75A9B7
- 63909C
- 527882
- 416069
- 314A51
- 22343A
- 132024
- 060E10
- 010202
Tones
- 88BCCA
- 88B5C2
- 87AFB9
- 87A8B1
- 86A1A9
- 859AA0
- 849498
- 838D90
- 818788
Color harmonies
Complementary +180°
- 88C3D3
Dolphin
- DEAA9B
≈ Tamanegi Peel
Analogous -30° +30°
- 88C3D3
Dolphin
- 88C6BF
≈ Holiday Turquoise
- 97BDE0
≈ Vive le Bleu
Triadic +120° +240°
- 88C3D3
Dolphin
- D4A9C8
≈ Heart to Heart
- C4B989
≈ Bakelite Yellow
Split-complementary +150° +210°
- 88C3D3
Dolphin
- DDA7B1
≈ Iced Vovo
- D5B18C
≈ Summerwood
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.79:1 · APCA Lc 65
Best text color: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--dolphin: #88c3d3;
--dolphin-rgb: 136 195 211;
--dolphin-oklch: oklch(0.782 0.065 216.5);
}
.element {
color: var(--dolphin);
background-color: hsl(193 46% 68%);
border-color: oklch(0.782 0.065 216.5);
}Tailwind CSS v4
@theme {
--color-dolphin: #88c3d3;
--color-dolphin-50: #e2faff;
--color-dolphin-100: #d1eef7;
--color-dolphin-200: #b6dce7;
--color-dolphin-300: #93c0ce;
--color-dolphin-400: #71a8b7;
--color-dolphin-500: #5091a2;
--color-dolphin-600: #447b89;
--color-dolphin-700: #36626e;
--color-dolphin-800: #264850;
--color-dolphin-900: #193238;
--color-dolphin-950: #0a1e22;
}SCSS
$dolphin: #88c3d3;
$dolphin-rgb: 136, 195, 211;
$dolphin-light: mix(#fff, $dolphin, 20%);
$dolphin-dark: mix(#000, $dolphin, 20%);
.element {
color: $dolphin;
box-shadow: 0 0 0 2px rgba($dolphin, 0.35);
}