Cor nomeada · #65AB7C
Green Tea Candy
Green Tea Candy é #65AB7C: rgb(101 171 124), hsl(140 29% 53%), oklch(0.682 0.1 153.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Tea Candy color name →
#65AB7C
oklch(0.682 0.1 153.6)
Conversões de cor
- HEX
- #65ab7c
- RGB
- rgb(101 171 124)
- HSL
- hsl(140 29% 53%)
- HWB
- hwb(140 40% 33%)
- OKLCH
- oklch(0.682 0.1 153.6)
- OKLab
- oklab(0.682 -0.089 0.044)
- CIE Lab
- lab(64.41 -31.03 17.08)
- LCH
- lch(64.41 35.42 151.2)
- CMYK
- cmyk(41% 0% 27% 33%)
Tons claros · Sombras · Tons
Tons claros
- 75B389
- 85BC95
- 94C4A2
- A4CDAF
- B3D5BC
- C2DDC9
- D1E6D6
- E0EEE4
- F0F7F1
Sombras
- 57946B
- 497E5A
- 3C684A
- 2F543B
- 22402C
- 172D1E
- 0C1B11
- 030B05
- 000101
Tons
- 69A77D
- 6DA37D
- 709E7E
- 739A7E
- 75967F
- 78917F
- 7A8D7F
- 7C8980
- 7E8480
Harmonias de cor
Complementar +180°
- 65AB7C
Green Tea Candy
- BE81B3
≈ Drama Violet
Análoga -30° +30°
- 65AB7C
Green Tea Candy
- 8CA35C
≈ Zesty Apple
- 41AD9F
≈ Ambrosial Oceanside
Tríade +120° +240°
- 65AB7C
Green Tea Candy
- 8594D7
≈ Mystic Iris
- CF8270
≈ Fire Chalk
Complementar dividida +150° +210°
- 65AB7C
Green Tea Candy
- A689CB
≈ Middy’s Purple
- CD7E92
≈ Cashmere Rose
Tétrade +90° +180° +270°
- 65AB7C
Green Tea Candy
- 5FA0D2
≈ Picton Blue
- BE81B3
≈ Drama Violet
- C48B54
≈ Espresso Tonic
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.73:1 · APCA Lc 53
Ag
AAASobre preto
WCAG 7.66:1 · APCA Lc 49
Melhor cor de texto: #000000
WCAG 7.66:1 (AAA) · APCA Lc 49
Contrast pairs
Trechos de código
CSS
:root {
--green-tea-candy: #65ab7c;
--green-tea-candy-rgb: 101 171 124;
--green-tea-candy-oklch: oklch(0.682 0.1 153.6);
}
.element {
color: var(--green-tea-candy);
background-color: hsl(140 29% 53%);
border-color: oklch(0.682 0.1 153.6);
}Tailwind CSS v4
@theme {
--color-green-tea-candy: #65ab7c;
--color-green-tea-candy-50: #e0fee9;
--color-green-tea-candy-100: #cef2da;
--color-green-tea-candy-200: #b3e2c2;
--color-green-tea-candy-300: #8ec7a2;
--color-green-tea-candy-400: #6eb083;
--color-green-tea-candy-500: #4b9967;
--color-green-tea-candy-600: #408257;
--color-green-tea-candy-700: #336846;
--color-green-tea-candy-800: #254c31;
--color-green-tea-candy-900: #193521;
--color-green-tea-candy-950: #092010;
}SCSS
$green-tea-candy: #65ab7c;
$green-tea-candy-rgb: 101, 171, 124;
$green-tea-candy-light: mix(#fff, $green-tea-candy, 20%);
$green-tea-candy-dark: mix(#000, $green-tea-candy, 20%);
.element {
color: $green-tea-candy;
box-shadow: 0 0 0 2px rgba($green-tea-candy, 0.35);
}