Couleur nommée la plus proche · #9AD7B3
#9AD7B3
Couleur nommée la plus proche: Irish Spring
#9AD7B3 (rgb(154 215 179), hsl(145 43% 72%), oklch(0.828 0.08 158.2)) 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.
#9AD7B3
oklch(0.828 0.08 158.2)
Conversions de couleur
- HEX
- #9ad7b3
- RGB
- rgb(154 215 179)
- HSL
- hsl(145 43% 72%)
- HWB
- hwb(145 60% 16%)
- OKLCH
- oklch(0.828 0.08 158.2)
- OKLab
- oklab(0.828 -0.075 0.03)
- CIE Lab
- lab(81.09 -25.81 11.29)
- LCH
- lch(81.09 28.17 156.4)
- CMYK
- cmyk(28% 0% 17% 16%)
Teintes · Ombres · Tons
Teintes
- A5DBBA
- AFDFC2
- B9E3C9
- C3E7D1
- CDEBD9
- D7EFE0
- E1F3E8
- EBF7F0
- F5FBF7
Ombres
- 85BB9B
- 719F84
- 5E856E
- 4B6B58
- 395243
- 273B2F
- 17251D
- 09110C
- 010201
Tons
- 98CEAE
- 96C5A9
- 93BCA4
- 91B39E
- 8EAB99
- 8CA294
- 89998F
- 86918A
- 838885
Harmonies de couleurs
Complémentaire +180°
- 9AD7B3
Irish Spring
- EAB3D9
≈ Pink Gems
Analogue -30° +30°
- 9AD7B3
Irish Spring
- B7D199
≈ Fava Bean
- 87D8D0
≈ Rainwater
Triadique +120° +240°
- 9AD7B3
Irish Spring
- BAC2FB
≈ Light Periwinkle
- F5B5A1
≈ Pink Mimosa
Complémentaire divisée +150° +210°
- 9AD7B3
Irish Spring
- D5B9EF
≈ Connecticut Lilac
- F5B1BC
≈ Silly Puddy
Tétradique +90° +180° +270°
- 9AD7B3
Irish Spring
- 9DCCF9
≈ Apocyan
- EAB3D9
≈ Pink Gems
- EABD8E
≈ Homeward Bound
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.64:1 · APCA Lc 29
Ag
AAASur noir
WCAG 12.74:1 · APCA Lc 74
Meilleure couleur de texte: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
Extraits de code
CSS
:root {
--irish-spring: #9ad7b3;
--irish-spring-rgb: 154 215 179;
--irish-spring-oklch: oklch(0.828 0.08 158.2);
}
.element {
color: var(--irish-spring);
background-color: hsl(145 43% 72%);
border-color: oklch(0.828 0.08 158.2);
}Tailwind CSS v4
@theme {
--color-irish-spring: #9ad7b3;
--color-irish-spring-50: #e2fded;
--color-irish-spring-100: #d2f1df;
--color-irish-spring-200: #b7dfc9;
--color-irish-spring-300: #94c5a9;
--color-irish-spring-400: #75ad8d;
--color-irish-spring-500: #549672;
--color-irish-spring-600: #487f61;
--color-irish-spring-700: #39664d;
--color-irish-spring-800: #2a4b37;
--color-irish-spring-900: #1c3425;
--color-irish-spring-950: #0c1f14;
}SCSS
$irish-spring: #9ad7b3;
$irish-spring-rgb: 154, 215, 179;
$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);
}