Cor nomeada mais próxima · #7BB081
#7BB081
Cor nomeada mais próxima: Verde
#7BB081 (rgb(123 176 129), hsl(127 25% 59%), oklch(0.707 0.088 147.4)) é mais próxima da cor nomeada Verde. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#7BB081
oklch(0.707 0.088 147.4)
Conversões de cor
- HEX
- #7bb081
- RGB
- rgb(123 176 129)
- HSL
- hsl(127 25% 59%)
- HWB
- hwb(127 48% 31%)
- OKLCH
- oklch(0.707 0.088 147.4)
- OKLab
- oklab(0.707 -0.074 0.047)
- CIE Lab
- lab(67.17 -25.45 18.35)
- LCH
- lch(67.17 31.38 144.2)
- CMYK
- cmyk(30% 0% 27% 31%)
Tons claros · Sombras · Tons
Tons claros
- 88B88D
- 95C099
- A2C8A6
- B0CFB2
- BDD7BF
- CADFCB
- D7E7D8
- E4EFE5
- F2F7F2
Sombras
- 6A996F
- 5A825E
- 4A6C4E
- 3A563E
- 2C422E
- 1E2E1F
- 101C12
- 050B06
- 010101
Tons
- 7CAB81
- 7DA681
- 7EA281
- 7E9D81
- 7F9881
- 7F9381
- 808E81
- 808A81
- 808580
Harmonias de cor
Complementar +180°
- 7BB081
Verde
- BF8DBD
≈ La la Love
Análoga -30° +30°
- 7BB081
Verde
- 9CA868
≈ Whirled Peas
- 5EB3A0
≈ Keppel
Tríade +120° +240°
- 7BB081
Verde
- 889FD8
≈ Azureno
- D28B82
≈ My Pink
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.36:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.36:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
CSS
:root {
--verde: #7bb081;
--verde-rgb: 123 176 129;
--verde-oklch: oklch(0.707 0.088 147.4);
}
.element {
color: var(--verde);
background-color: hsl(127 25% 59%);
border-color: oklch(0.707 0.088 147.4);
}Tailwind CSS v4
@theme {
--color-verde: #7bb081;
--color-verde-50: #e4fde8;
--color-verde-100: #d4f1d8;
--color-verde-200: #bbdfc0;
--color-verde-300: #98c59f;
--color-verde-400: #7bad80;
--color-verde-500: #5c9664;
--color-verde-600: #4f7f55;
--color-verde-700: #3f6644;
--color-verde-800: #2e4b2f;
--color-verde-900: #1f3420;
--color-verde-950: #0f1f10;
}SCSS
$verde: #7bb081;
$verde-rgb: 123, 176, 129;
$verde-light: mix(#fff, $verde, 20%);
$verde-dark: mix(#000, $verde, 20%);
.element {
color: $verde;
box-shadow: 0 0 0 2px rgba($verde, 0.35);
}