Cor nomeada mais próxima · #809C00
#809C00
Cor nomeada mais próxima: Green Thumb
#809C00 (rgb(128 156 0), hsl(71 100% 31%), oklch(0.648 0.156 121.5)) é mais próxima da cor nomeada Green Thumb. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#809C00
oklch(0.648 0.156 121.5)
Conversões de cor
- HEX
- #809c00
- RGB
- rgb(128 156 0)
- HSL
- hsl(71 100% 31%)
- HWB
- hwb(71 0% 39%)
- OKLCH
- oklch(0.648 0.156 121.5)
- OKLab
- oklab(0.648 -0.082 0.133)
- CIE Lab
- lab(60.46 -23.04 61.89)
- LCH
- lch(60.46 66.04 110.4)
- CMYK
- cmyk(18% 0% 100% 39%)
Tons claros · Sombras · Tons
Tons claros
- 8CA635
- 98B051
- A4BA69
- B0C47F
- BDCE95
- CAD8AA
- D7E2BF
- E4EBD5
- F1F5EA
Sombras
- 6E8700
- 5D7300
- 4D5F00
- 3D4C00
- 2E3900
- 1F2800
- 121800
- 060900
- 010100
Tons
- 809A25
- 809737
- 809444
- 80924F
- 808F59
- 808C62
- 80896A
- 808672
- 808379
Harmonias de cor
Complementar +180°
- 809C00
Green Thumb
- A074DD
≈ Iridescent Purple
Análoga -30° +30°
- 809C00
Green Thumb
- AC8B00
≈ Yellow Brown
- 2AA85B
≈ Nordic Grass Green
Tríade +120° +240°
- 809C00
Green Thumb
- 0097E2
≈ Atmosphere
- D86088
≈ Blush d’Amour
Complementar dividida +150° +210°
- 809C00
Green Thumb
- 6D85ED
≈ Soft Blue
- C367B9
≈ Purple Urn Orchid
Tétrade +90° +180° +270°
- 809C00
Green Thumb
- 00A0B6
≈ January Blue
- A074DD
≈ Iridescent Purple
- DD644F
≈ Daring
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.14:1 · APCA Lc 58
Ag
AASobre preto
WCAG 6.67:1 · APCA Lc 43
Melhor cor de texto: #000000
WCAG 6.67:1 (AA) · APCA Lc 43
Contrast pairs
Trechos de código
CSS
:root {
--green-thumb: #809c00;
--green-thumb-rgb: 128 156 0;
--green-thumb-oklch: oklch(0.648 0.156 121.5);
}
.element {
color: var(--green-thumb);
background-color: hsl(71 100% 31%);
border-color: oklch(0.648 0.156 121.5);
}Tailwind CSS v4
@theme {
--color-green-thumb: #809c00;
--color-green-thumb-50: #ecfdcc;
--color-green-thumb-100: #ddf1b8;
--color-green-thumb-200: #c7e095;
--color-green-thumb-300: #a7c567;
--color-green-thumb-400: #90ac31;
--color-green-thumb-500: #779400;
--color-green-thumb-600: #657d00;
--color-green-thumb-700: #506400;
--color-green-thumb-800: #3c4900;
--color-green-thumb-900: #293300;
--color-green-thumb-950: #171e00;
}SCSS
$green-thumb: #809c00;
$green-thumb-rgb: 128, 156, 0;
$green-thumb-light: mix(#fff, $green-thumb, 20%);
$green-thumb-dark: mix(#000, $green-thumb, 20%);
.element {
color: $green-thumb;
box-shadow: 0 0 0 2px rgba($green-thumb, 0.35);
}