Couleur nommée la plus proche · #8CCEAD
#8CCEAD
Couleur nommée la plus proche: Irish Spring
#8CCEAD (rgb(140 206 173), hsl(150 40% 68%), oklch(0.798 0.082 162.1)) est la plus proche de la couleur nommée Irish Spring. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8CCEAD
oklch(0.798 0.082 162.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 98D3B5
- A4D8BD
- B0DDC5
- BBE2CD
- C7E7D5
- D2ECDE
- DDF0E6
- E9F5EE
- F4FAF7
Ombres
- 79B396
- 67987F
- 557F6A
- 436655
- 334E41
- 23382D
- 14231B
- 070F0B
- 010201
Tons
- 8CC6A8
- 8BBEA4
- 8AB69F
- 89AE9B
- 88A696
- 879F92
- 85978D
- 848F89
- 828884
Harmonies de couleurs
Complémentaire +180°
- 8CCEAD
Irish Spring
- E3A8CC
≈ Pink Bliss
Analogue -30° +30°
- 8CCEAD
Irish Spring
- AAC992
≈ Venerable Verde
- 7ACECB
≈ Blue Green Gem
Triadique +120° +240°
- 8CCEAD
Irish Spring
- B4B7F1
≈ Purple Illusion
- EBAC94
≈ Shishi Pink
Complémentaire divisée +150° +210°
- 8CCEAD
Irish Spring
- CFAEE4
≈ Whisper of Plum
- EDA8AF
≈ Hibiscus Petal
Tétradique +90° +180° +270°
- 8CCEAD
Irish Spring
- 97C1F1
≈ Sail to the Sea
- E3A8CC
≈ Pink Bliss
- DEB582
≈ Cellini Gold
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.81:1 · APCA Lc 34
Ag
AAASur noir
WCAG 11.54:1 · APCA Lc 69
Meilleure couleur de texte: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
Extraits de code
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);
}