Colore con nome più vicino · #809C00
#809C00
Colore con nome più vicino: Green Thumb
#809C00 (rgb(128 156 0), hsl(71 100% 31%), oklch(0.648 0.156 121.5)) è più vicino al colore con nome Green Thumb. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#809C00
oklch(0.648 0.156 121.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 8CA635
- 98B051
- A4BA69
- B0C47F
- BDCE95
- CAD8AA
- D7E2BF
- E4EBD5
- F1F5EA
Ombre
- 6E8700
- 5D7300
- 4D5F00
- 3D4C00
- 2E3900
- 1F2800
- 121800
- 060900
- 010100
Toni
- 809A25
- 809737
- 809444
- 80924F
- 808F59
- 808C62
- 80896A
- 808672
- 808379
Armonie di colore
Complementare +180°
- 809C00
Green Thumb
- A074DD
≈ Iridescent Purple
Analogo -30° +30°
- 809C00
Green Thumb
- AC8B00
≈ Yellow Brown
- 2AA85B
≈ Nordic Grass Green
Triadico +120° +240°
- 809C00
Green Thumb
- 0097E2
≈ Atmosphere
- D86088
≈ Blush d’Amour
Complementare divisa +150° +210°
- 809C00
Green Thumb
- 6D85ED
≈ Soft Blue
- C367B9
≈ Purple Urn Orchid
Tetradico +90° +180° +270°
- 809C00
Green Thumb
- 00A0B6
≈ January Blue
- A074DD
≈ Iridescent Purple
- DD644F
≈ Daring
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.14:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.67:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.67:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
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);
}