Colore con nome più vicino · #2B7C02
#2B7C02
Colore con nome più vicino: Hulk
#2B7C02 (rgb(43 124 2), hsl(100 97% 25%), oklch(0.516 0.162 139)) è più vicino al colore con nome Hulk. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#2B7C02
oklch(0.516 0.162 139)
Conversioni di colore
- HEX
- #2b7c02
- RGB
- rgb(43 124 2)
- HSL
- hsl(100 97% 25%)
- HWB
- hwb(100 1% 51%)
- OKLCH
- oklch(0.516 0.162 139)
- OKLab
- oklab(0.516 -0.122 0.106)
- CIE Lab
- lab(45.62 -40.29 48.04)
- LCH
- lch(45.62 62.69 130)
- CMYK
- cmyk(65% 0% 98% 51%)
Tinte · Ombre · Toni
Tinte
- 43892C
- 599647
- 6DA35E
- 82B075
- 96BD8C
- ABCAA2
- C0D8B9
- D5E5D0
- EAF2E7
Ombre
- 246B01
- 1D5A01
- 164A01
- 103B00
- 0A2C00
- 051E00
- 021100
- 010500
- 000100
Toni
- 377D1E
- 417E2E
- 4A7E3B
- 537F46
- 5B7F51
- 63805B
- 6A8064
- 72806E
- 798077
Armonie di colore
Complementare +180°
- 2B7C02
Hulk
- 8E42A1
≈ Murasaki Purple
Analogo -30° +30°
- 2B7C02
Hulk
- 6D6C00
≈ Worn Olive
- 007A5D
≈ Emerald Dream
Triadico +120° +240°
- 2B7C02
Hulk
- 2564C3
≈ Janitor
- B23341
≈ Bloodsport
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.26:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.98:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--hulk: #2b7c02;
--hulk-rgb: 43 124 2;
--hulk-oklch: oklch(0.516 0.162 139);
}
.element {
color: var(--hulk);
background-color: hsl(100 97% 25%);
border-color: oklch(0.516 0.162 139);
}Tailwind CSS v4
@theme {
--color-hulk: #2b7c02;
--color-hulk-50: #ddffd6;
--color-hulk-100: #cbf6c3;
--color-hulk-200: #aee6a5;
--color-hulk-300: #88cc7d;
--color-hulk-400: #69b552;
--color-hulk-500: #449e22;
--color-hulk-600: #3b8620;
--color-hulk-700: #2f6b1a;
--color-hulk-800: #244e0c;
--color-hulk-900: #183708;
--color-hulk-950: #082100;
}SCSS
$hulk: #2b7c02;
$hulk-rgb: 43, 124, 2;
$hulk-light: mix(#fff, $hulk, 20%);
$hulk-dark: mix(#000, $hulk, 20%);
.element {
color: $hulk;
box-shadow: 0 0 0 2px rgba($hulk, 0.35);
}