Cor nomeada mais próxima · #8AC7A5
#8AC7A5
Cor nomeada mais próxima: Irish Spring
#8AC7A5 (rgb(138 199 165), hsl(147 35% 66%), oklch(0.779 0.08 159.4)) é mais próxima da cor nomeada Irish Spring. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8AC7A5
oklch(0.779 0.08 159.4)
Conversões de cor
- HEX
- #8ac7a5
- RGB
- rgb(138 199 165)
- HSL
- hsl(147 35% 66%)
- HWB
- hwb(147 54% 22%)
- OKLCH
- oklch(0.779 0.08 159.4)
- OKLab
- oklab(0.779 -0.075 0.028)
- CIE Lab
- lab(75.38 -25.8 10.54)
- LCH
- lch(75.38 27.87 157.8)
- CMYK
- cmyk(31% 0% 17% 22%)
Tons claros · Sombras · Tons
Tons claros
- 96CDAE
- A2D2B7
- AED8BF
- BADDC8
- C5E3D1
- D1E9DA
- DCEEE3
- E8F4ED
- F3F9F6
Sombras
- 77AD8F
- 659379
- 537A65
- 426251
- 324C3D
- 22362B
- 14211A
- 070E0A
- 010201
Tons
- 8AC0A1
- 89B99E
- 88B19A
- 88AA96
- 87A392
- 869C8F
- 84958B
- 838E87
- 828784
Harmonias de cor
Complementar +180°
- 8AC7A5
Irish Spring
- DAA3C7
≈ Pastel Lavender
Análoga -30° +30°
- 8AC7A5
Irish Spring
- A7C18B
≈ Shrubbery
- 77C8C2
≈ Cyantific
Tríade +120° +240°
- 8AC7A5
Irish Spring
- ACB2EA
≈ Maximum Blue Purple
- E4A691
≈ Priceless Coral
Complementar dividida +150° +210°
- 8AC7A5
Irish Spring
- C6A9DE
≈ Perfume
- E4A2AC
≈ Berry Riche
Tétrade +90° +180° +270°
- 8AC7A5
Irish Spring
- 90BCE8
≈ Blue Shutters
- DAA3C7
≈ Pastel Lavender
- D8AE7F
≈ Caramel Drizzle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.94:1 · APCA Lc 37
Ag
AAASobre preto
WCAG 10.79:1 · APCA Lc 65
Melhor cor de texto: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
Trechos de código
CSS
:root {
--irish-spring: #8ac7a5;
--irish-spring-rgb: 138 199 165;
--irish-spring-oklch: oklch(0.779 0.08 159.4);
}
.element {
color: var(--irish-spring);
background-color: hsl(147 35% 66%);
border-color: oklch(0.779 0.08 159.4);
}Tailwind CSS v4
@theme {
--color-irish-spring: #8ac7a5;
--color-irish-spring-50: #e2fdee;
--color-irish-spring-100: #d2f1e0;
--color-irish-spring-200: #b7dfca;
--color-irish-spring-300: #93c5ab;
--color-irish-spring-400: #74ad8e;
--color-irish-spring-500: #549673;
--color-irish-spring-600: #487f62;
--color-irish-spring-700: #39664e;
--color-irish-spring-800: #294b37;
--color-irish-spring-900: #1c3426;
--color-irish-spring-950: #0c1f14;
}SCSS
$irish-spring: #8ac7a5;
$irish-spring-rgb: 138, 199, 165;
$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);
}