Colore con nome · #728F02
Canopy
Canopy è #728F02: rgb(114 143 2), hsl(72 97% 28%), oklch(0.606 0.148 122.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Canopy color name →
#728F02
oklch(0.606 0.148 122.8)
Conversioni di colore
- HEX
- #728f02
- RGB
- rgb(114 143 2)
- HSL
- hsl(72 97% 28%)
- HWB
- hwb(72 1% 44%)
- OKLCH
- oklch(0.606 0.148 122.8)
- OKLab
- oklab(0.606 -0.08 0.124)
- CIE Lab
- lab(55.52 -22.92 57.47)
- LCH
- lch(55.52 61.87 111.7)
- CMYK
- cmyk(20% 0% 99% 44%)
Tinte · Ombre · Toni
Tinte
- 7F9A33
- 8CA54E
- 9AB166
- A8BC7C
- B6C792
- C4D2A8
- D2DDBD
- E1E9D3
- F0F4E9
Ombre
- 627C01
- 536901
- 445701
- 364500
- 283400
- 1B2400
- 0E1500
- 040700
- 010100
Toni
- 738E23
- 758D34
- 768B41
- 778A4C
- 798856
- 7A875F
- 7C8568
- 7D8470
- 7E8278
Armonie di colore
Complementare +180°
- 728F02
Canopy
- 9469CA
≈ Amethyst
Analogo -30° +30°
- 728F02
Canopy
- 9C7F00
≈ Pestilence
- 1C9A55
≈ Militant Vegan
Triadico +120° +240°
- 728F02
Canopy
- 0089D1
≈ Way Beyond the Blue
- C7567A
≈ Panama Rose
Complementare divisa +150° +210°
- 728F02
Canopy
- 6579D9
≈ Indigo Light
- B45CA8
≈ Royalty Loyalty
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.71:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.64:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--canopy: #728f02;
--canopy-rgb: 114 143 2;
--canopy-oklch: oklch(0.606 0.148 122.8);
}
.element {
color: var(--canopy);
background-color: hsl(72 97% 28%);
border-color: oklch(0.606 0.148 122.8);
}Tailwind CSS v4
@theme {
--color-canopy: #728f02;
--color-canopy-50: #ebfdcf;
--color-canopy-100: #ddf1bb;
--color-canopy-200: #c6e09a;
--color-canopy-300: #a6c56e;
--color-canopy-400: #8fac3e;
--color-canopy-500: #759400;
--color-canopy-600: #637e00;
--color-canopy-700: #4f6500;
--color-canopy-800: #3b4900;
--color-canopy-900: #293300;
--color-canopy-950: #171e00;
}SCSS
$canopy: #728f02;
$canopy-rgb: 114, 143, 2;
$canopy-light: mix(#fff, $canopy, 20%);
$canopy-dark: mix(#000, $canopy, 20%);
.element {
color: $canopy;
box-shadow: 0 0 0 2px rgba($canopy, 0.35);
}