Colore con nome · #2B8725
Temperamental Green
Temperamental Green è #2B8725: rgb(43 135 37), hsl(116 57% 34%), oklch(0.549 0.159 142.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Temperamental Green color name →
#2B8725
oklch(0.549 0.159 142.2)
Conversioni di colore
- HEX
- #2b8725
- RGB
- rgb(43 135 37)
- HSL
- hsl(116 57% 34%)
- HWB
- hwb(116 15% 47%)
- OKLCH
- oklch(0.549 0.159 142.2)
- OKLab
- oklab(0.549 -0.126 0.097)
- CIE Lab
- lab(49.52 -42.52 41.86)
- LCH
- lch(49.52 59.67 135.4)
- CMYK
- cmyk(68% 0% 73% 47%)
Tinte · Ombre · Toni
Tinte
- 45933F
- 5B9F55
- 70AB6A
- 85B77F
- 99C394
- ADCFA9
- C1DBBE
- D6E7D4
- EAF3E9
Ombre
- 24751F
- 1D6319
- 165113
- 10410D
- 0A3108
- 052104
- 021302
- 010600
- 000100
Toni
- 388732
- 43863D
- 4C8647
- 558550
- 5D8559
- 658461
- 6C8369
- 738271
- 798179
Armonie di colore
Complementare +180°
- 2B8725
Temperamental Green
- 9B4BA7
≈ Purpureus
Analogo -30° +30°
- 2B8725
Temperamental Green
- 737800
≈ Portuguese Green
- 00856A
≈ Bosphorus
Triadico +120° +240°
- 2B8725
Temperamental Green
- 3B6CCD
≈ Han Blue
- BC4145
≈ Precious Peony
Complementare divisa +150° +210°
- 2B8725
Temperamental Green
- 765AC5
≈ Fuchsia Blue
- B3417B
≈ Mystic Maroon
Tetradico +90° +180° +270°
- 2B8725
Temperamental Green
- 007BA7
≈ Celadon Blue
- 9B4BA7
≈ Purpureus
- AF5400
≈ Tijolo
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.57:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.59:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.59:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--temperamental-green: #2b8725;
--temperamental-green-rgb: 43 135 37;
--temperamental-green-oklch: oklch(0.549 0.159 142.2);
}
.element {
color: var(--temperamental-green);
background-color: hsl(116 57% 34%);
border-color: oklch(0.549 0.159 142.2);
}Tailwind CSS v4
@theme {
--color-temperamental-green: #2b8725;
--color-temperamental-green-50: #daffd9;
--color-temperamental-green-100: #c8f7c7;
--color-temperamental-green-200: #aae7a9;
--color-temperamental-green-300: #83cd83;
--color-temperamental-green-400: #62b55a;
--color-temperamental-green-500: #389f31;
--color-temperamental-green-600: #31862b;
--color-temperamental-green-700: #276c23;
--color-temperamental-green-800: #1f4f14;
--color-temperamental-green-900: #14370c;
--color-temperamental-green-950: #052201;
}SCSS
$temperamental-green: #2b8725;
$temperamental-green-rgb: 43, 135, 37;
$temperamental-green-light: mix(#fff, $temperamental-green, 20%);
$temperamental-green-dark: mix(#000, $temperamental-green, 20%);
.element {
color: $temperamental-green;
box-shadow: 0 0 0 2px rgba($temperamental-green, 0.35);
}