Nearest named color · #8CCEAD
#8CCEAD
Nearest named color: Irish Spring
#8CCEAD (rgb(140 206 173), hsl(150 40% 68%), oklch(0.798 0.082 162.1)) is closest to the named color Irish Spring. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8CCEAD
oklch(0.798 0.082 162.1)
Color conversions
- HEX
- #8ccead
- RGB
- rgb(140 206 173)
- HSL
- hsl(150 40% 68%)
- HWB
- hwb(150 55% 19%)
- OKLCH
- oklch(0.798 0.082 162.1)
- OKLab
- oklab(0.798 -0.078 0.025)
- CIE Lab
- lab(77.65 -27.1 9.49)
- LCH
- lch(77.65 28.72 160.7)
- CMYK
- cmyk(32% 0% 16% 19%)
Tints · Shades · Tones
Tints
- 98D3B5
- A4D8BD
- B0DDC5
- BBE2CD
- C7E7D5
- D2ECDE
- DDF0E6
- E9F5EE
- F4FAF7
Shades
- 79B396
- 67987F
- 557F6A
- 436655
- 334E41
- 23382D
- 14231B
- 070F0B
- 010201
Tones
- 8CC6A8
- 8BBEA4
- 8AB69F
- 89AE9B
- 88A696
- 879F92
- 85978D
- 848F89
- 828884
Color harmonies
Complementary +180°
- 8CCEAD
Irish Spring
- E3A8CC
≈ Pink Bliss
Analogous -30° +30°
- 8CCEAD
Irish Spring
- AAC992
≈ Venerable Verde
- 7ACECB
≈ Blue Green Gem
Triadic +120° +240°
- 8CCEAD
Irish Spring
- B4B7F1
≈ Purple Illusion
- EBAC94
≈ Shishi Pink
Split-complementary +150° +210°
- 8CCEAD
Irish Spring
- CFAEE4
≈ Whisper of Plum
- EDA8AF
≈ Hibiscus Petal
Tetradic +90° +180° +270°
- 8CCEAD
Irish Spring
- 97C1F1
≈ Sail to the Sea
- E3A8CC
≈ Pink Bliss
- DEB582
≈ Cellini Gold
Contrast & accessibility
Ag
FailOn white
WCAG 1.81:1 · APCA Lc 34
Ag
AAAOn black
WCAG 11.54:1 · APCA Lc 69
Best text color: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
Code snippets
CSS
:root {
--irish-spring: #8ccead;
--irish-spring-rgb: 140 206 173;
--irish-spring-oklch: oklch(0.798 0.082 162.1);
}
.element {
color: var(--irish-spring);
background-color: hsl(150 40% 68%);
border-color: oklch(0.798 0.082 162.1);
}Tailwind CSS v4
@theme {
--color-irish-spring: #8ccead;
--color-irish-spring-50: #e1fdef;
--color-irish-spring-100: #d0f1e1;
--color-irish-spring-200: #b5e0cb;
--color-irish-spring-300: #90c5ac;
--color-irish-spring-400: #71ae90;
--color-irish-spring-500: #4e9775;
--color-irish-spring-600: #438064;
--color-irish-spring-700: #36664f;
--color-irish-spring-800: #274b39;
--color-irish-spring-900: #1a3427;
--color-irish-spring-950: #0a2015;
}SCSS
$irish-spring: #8ccead;
$irish-spring-rgb: 140, 206, 173;
$irish-spring-light: mix(#fff, $irish-spring, 20%);
$irish-spring-dark: mix(#000, $irish-spring, 20%);
.element {
color: $irish-spring;
box-shadow: 0 0 0 2px rgba($irish-spring, 0.35);
}