Nearest named color · #86C3D4
#86C3D4
Nearest named color: Dolphin
#86C3D4 (rgb(134 195 212), hsl(193 48% 68%), oklch(0.782 0.067 217.1)) is closest to the named color Dolphin. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#86C3D4
oklch(0.782 0.067 217.1)
Color conversions
- HEX
- #86c3d4
- RGB
- rgb(134 195 212)
- HSL
- hsl(193 48% 68%)
- HWB
- hwb(193 53% 17%)
- OKLCH
- oklch(0.782 0.067 217.1)
- OKLab
- oklab(0.782 -0.053 -0.04)
- CIE Lab
- lab(75.09 -17.15 -15.13)
- LCH
- lch(75.09 22.87 221.4)
- CMYK
- cmyk(37% 8% 0% 17%)
Tints · Shades · Tones
Tints
- 93C9D8
- 9FCFDD
- ABD5E1
- B7DBE5
- C3E1EA
- CFE7EE
- DBEDF2
- E7F3F6
- F3F9FB
Shades
- 74A9B8
- 62909D
- 517883
- 406069
- 304A51
- 21343A
- 132024
- 060E10
- 010202
Tones
- 86BCCB
- 86B5C3
- 86AFBA
- 86A8B2
- 85A1A9
- 849AA1
- 839499
- 828D90
- 818788
Color harmonies
Complementary +180°
- 86C3D4
Dolphin
- DFAA9A
≈ Tamanegi Peel
Analogous -30° +30°
- 86C3D4
Dolphin
- 85C6BF
≈ Holiday Turquoise
- 96BDE1
≈ Double Denim
Triadic +120° +240°
- 86C3D4
Dolphin
- D5A8C8
≈ Lofty Delight
- C4B987
≈ Bakelite Yellow
Split-complementary +150° +210°
- 86C3D4
Dolphin
- DEA7B0
≈ Iced Vovo
- D5B08A
≈ Summerwood
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.77:1 · APCA Lc 65
Best text color: #000000
WCAG 10.77:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--dolphin: #86c3d4;
--dolphin-rgb: 134 195 212;
--dolphin-oklch: oklch(0.782 0.067 217.1);
}
.element {
color: var(--dolphin);
background-color: hsl(193 48% 68%);
border-color: oklch(0.782 0.067 217.1);
}Tailwind CSS v4
@theme {
--color-dolphin: #86c3d4;
--color-dolphin-50: #e1faff;
--color-dolphin-100: #d0eef7;
--color-dolphin-200: #b5dce8;
--color-dolphin-300: #91c0cf;
--color-dolphin-400: #70a9b8;
--color-dolphin-500: #4e91a3;
--color-dolphin-600: #437b8a;
--color-dolphin-700: #35626f;
--color-dolphin-800: #254851;
--color-dolphin-900: #193238;
--color-dolphin-950: #091e23;
}SCSS
$dolphin: #86c3d4;
$dolphin-rgb: 134, 195, 212;
$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);
}