Nearest named color · #8CD4DD
#8CD4DD
Nearest named color: Exotic Escape
#8CD4DD (rgb(140 212 221), hsl(187 54% 71%), oklch(0.826 0.073 205.8)) is closest to the named color Exotic Escape. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8CD4DD
oklch(0.826 0.073 205.8)
Color conversions
- HEX
- #8cd4dd
- RGB
- rgb(140 212 221)
- HSL
- hsl(187 54% 71%)
- HWB
- hwb(187 55% 13%)
- OKLCH
- oklch(0.826 0.073 205.8)
- OKLab
- oklab(0.826 -0.066 -0.032)
- CIE Lab
- lab(80.41 -21.7 -12)
- LCH
- lch(80.41 24.79 208.9)
- CMYK
- cmyk(37% 4% 0% 13%)
Tints · Shades · Tones
Tints
- 98D8E0
- A4DDE4
- B0E1E7
- BCE5EB
- C7EAEE
- D3EEF1
- DEF2F5
- E9F7F8
- F4FBFC
Shades
- 79B8C0
- 679DA4
- 558388
- 43696E
- 335155
- 233A3D
- 142426
- 071011
- 010202
Tones
- 8CCBD3
- 8BC3CA
- 8BBAC0
- 8AB2B7
- 89A9AD
- 87A1A4
- 86999B
- 849092
- 828889
Color harmonies
Complementary +180°
- 8CD4DD
Exotic Escape
- F2B4AE
≈ Mesa Rose
Analogous -30° +30°
- 8CD4DD
Exotic Escape
- 93D6C4
≈ Pop Shop
- 98CEEF
≈ Fail Whale
Triadic +120° +240°
- 8CD4DD
Exotic Escape
- DFB6E0
≈ French Lilac
- DBC390
≈ Chamomile Tea
Split-complementary +150° +210°
- 8CD4DD
Exotic Escape
- EDB3C8
≈ Fairy Tale
- ECBA99
≈ Caramel Powder
Tetradic +90° +180° +270°
- 8CD4DD
Exotic Escape
- C9BDF1
≈ Connecticut Lilac
- F2B4AE
≈ Mesa Rose
- C3CC96
≈ Dancing Green
Contrast & accessibility
Ag
FailOn white
WCAG 1.66:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.57:1 · APCA Lc 74
Best text color: #000000
WCAG 12.57:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--exotic-escape: #8cd4dd;
--exotic-escape-rgb: 140 212 221;
--exotic-escape-oklch: oklch(0.826 0.073 205.8);
}
.element {
color: var(--exotic-escape);
background-color: hsl(187 54% 71%);
border-color: oklch(0.826 0.073 205.8);
}Tailwind CSS v4
@theme {
--color-exotic-escape: #8cd4dd;
--color-exotic-escape-50: #defcff;
--color-exotic-escape-100: #cdeff5;
--color-exotic-escape-200: #b1dee4;
--color-exotic-escape-300: #8bc2cb;
--color-exotic-escape-400: #68abb3;
--color-exotic-escape-500: #42949e;
--color-exotic-escape-600: #3a7d85;
--color-exotic-escape-700: #2e646b;
--color-exotic-escape-800: #1f4a4e;
--color-exotic-escape-900: #153336;
--color-exotic-escape-950: #061f21;
}SCSS
$exotic-escape: #8cd4dd;
$exotic-escape-rgb: 140, 212, 221;
$exotic-escape-light: mix(#fff, $exotic-escape, 20%);
$exotic-escape-dark: mix(#000, $exotic-escape, 20%);
.element {
color: $exotic-escape;
box-shadow: 0 0 0 2px rgba($exotic-escape, 0.35);
}