Cor nomeada · #97BC62
Green Pepper
Green Pepper é #97BC62: rgb(151 188 98), hsl(85 40% 56%), oklch(0.748 0.125 127.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Green Pepper color name →
#97BC62
oklch(0.748 0.125 127.5)
Conversões de cor
- HEX
- #97bc62
- RGB
- rgb(151 188 98)
- HSL
- hsl(85 40% 56%)
- HWB
- hwb(85 38% 26%)
- OKLCH
- oklch(0.748 0.125 127.5)
- OKLab
- oklab(0.748 -0.076 0.099)
- CIE Lab
- lab(72.01 -24.03 40.93)
- LCH
- lch(72.01 47.46 120.4)
- CMYK
- cmyk(20% 0% 48% 26%)
Tons claros · Sombras · Tons
Tons claros
- A1C373
- ABCA83
- B5D093
- C0D7A2
- CADEB2
- D4E5C1
- DFEBD1
- EAF2E0
- F4F8F0
Sombras
- 83A354
- 6F8B47
- 5C733A
- 495D2D
- 374721
- 263216
- 171F0B
- 080D03
- 010200
Tons
- 95B667
- 92B06B
- 90AA6E
- 8EA472
- 8C9E75
- 899877
- 87927A
- 858C7C
- 82867E
Harmonias de cor
Complementar +180°
- 97BC62
Green Pepper
- C397EA
≈ Bright Lavender
Análoga -30° +30°
- 97BC62
Green Pepper
- C3AD46
≈ Oil Yellow
- 60C58E
≈ Enamelled Dragon
Tríade +120° +240°
- 97BC62
Green Pepper
- 68B4F8
≈ Tiān Lán Sky
- F08A9F
≈ Posy Petal
Complementar dividida +150° +210°
- 97BC62
Green Pepper
- 9AA5FB
≈ Widowmaker
- E08DC9
≈ Firm Pink
Tétrade +90° +180° +270°
- 97BC62
Green Pepper
- 2CC0E1
≈ Caribbean Blue
- C397EA
≈ Bright Lavender
- F19073
≈ Moegi Green
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.16:1 · APCA Lc 43
Ag
AAASobre preto
WCAG 9.68:1 · APCA Lc 60
Melhor cor de texto: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
Trechos de código
CSS
:root {
--green-pepper: #97bc62;
--green-pepper-rgb: 151 188 98;
--green-pepper-oklch: oklch(0.748 0.125 127.5);
}
.element {
color: var(--green-pepper);
background-color: hsl(85 40% 56%);
border-color: oklch(0.748 0.125 127.5);
}Tailwind CSS v4
@theme {
--color-green-pepper: #97bc62;
--color-green-pepper-50: #eafdd7;
--color-green-pepper-100: #dbf1c5;
--color-green-pepper-200: #c3dfa7;
--color-green-pepper-300: #a3c47f;
--color-green-pepper-400: #8aac58;
--color-green-pepper-500: #6f952d;
--color-green-pepper-600: #5e7e28;
--color-green-pepper-700: #4b6520;
--color-green-pepper-800: #384a13;
--color-green-pepper-900: #26330c;
--color-green-pepper-950: #151f01;
}SCSS
$green-pepper: #97bc62;
$green-pepper-rgb: 151, 188, 98;
$green-pepper-light: mix(#fff, $green-pepper, 20%);
$green-pepper-dark: mix(#000, $green-pepper, 20%);
.element {
color: $green-pepper;
box-shadow: 0 0 0 2px rgba($green-pepper, 0.35);
}