Nearest named color · #8DDAD3
#8DDAD3
Nearest named color: Bambino
#8DDAD3 (rgb(141 218 211), hsl(175 51% 70%), oklch(0.836 0.077 188.5)) is closest to the named color Bambino. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8DDAD3
oklch(0.836 0.077 188.5)
Color conversions
- HEX
- #8ddad3
- RGB
- rgb(141 218 211)
- HSL
- hsl(175 51% 70%)
- HWB
- hwb(175 55% 15%)
- OKLCH
- oklch(0.836 0.077 188.5)
- OKLab
- oklab(0.836 -0.076 -0.011)
- CIE Lab
- lab(81.91 -25.95 -4.5)
- LCH
- lch(81.91 26.33 189.8)
- CMYK
- cmyk(35% 0% 3% 15%)
Tints · Shades · Tones
Tints
- 99DED7
- A6E2DC
- B1E5E0
- BDE9E4
- C8EDE9
- D3F0ED
- DEF4F2
- E9F8F6
- F4FBFB
Shades
- 7ABDB7
- 67A29C
- 558782
- 446C69
- 335451
- 233C3A
- 142524
- 071110
- 010202
Tones
- 8DD1CA
- 8CC7C2
- 8BBEB9
- 8BB5B1
- 89ACA9
- 88A3A0
- 869A98
- 849190
- 828988
Color harmonies
Complementary +180°
- 8DDAD3
Bambino
- F6B5BF
≈ Squid Pink
Analogous -30° +30°
- 8DDAD3
Bambino
- 9FD9B7
≈ Nihilakh Oxide
- 8FD6EB
≈ Blue Effervescence
Triadic +120° +240°
- 8DDAD3
Bambino
- D8BCF0
≈ Beefy Pink
- EBC193
≈ Apple Turnover
Split-complementary +150° +210°
- 8DDAD3
Bambino
- ECB7DA
≈ Soft Cashmere
- F6B9A5
≈ Yahoo
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.60:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.10:1 · APCA Lc 76
Best text color: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--bambino: #8ddad3;
--bambino-rgb: 141 218 211;
--bambino-oklch: oklch(0.836 0.077 188.5);
}
.element {
color: var(--bambino);
background-color: hsl(175 51% 70%);
border-color: oklch(0.836 0.077 188.5);
}Tailwind CSS v4
@theme {
--color-bambino: #8ddad3;
--color-bambino-50: #ddfdfa;
--color-bambino-100: #ccf1ee;
--color-bambino-200: #afdfdc;
--color-bambino-300: #89c4c0;
--color-bambino-400: #66ada7;
--color-bambino-500: #3e9790;
--color-bambino-600: #367f7a;
--color-bambino-700: #2b6661;
--color-bambino-800: #1e4b47;
--color-bambino-900: #143431;
--color-bambino-950: #051f1d;
}SCSS
$bambino: #8ddad3;
$bambino-rgb: 141, 218, 211;
$bambino-light: mix(#fff, $bambino, 20%);
$bambino-dark: mix(#000, $bambino, 20%);
.element {
color: $bambino;
box-shadow: 0 0 0 2px rgba($bambino, 0.35);
}