Colore con nome · #005437
Permanent Green
Permanent Green è #005437: rgb(0 84 55), hsl(159 100% 16%), oklch(0.394 0.087 161.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Permanent Green color name →
#005437
oklch(0.394 0.087 161.6)
Conversioni di colore
- HEX
- #005437
- RGB
- rgb(0 84 55)
- HSL
- hsl(159 100% 16%)
- HWB
- hwb(159 0% 67%)
- OKLCH
- oklch(0.394 0.087 161.6)
- OKLab
- oklab(0.394 -0.082 0.027)
- CIE Lab
- lab(30.85 -29.41 10.44)
- LCH
- lch(30.85 31.21 160.5)
- CMYK
- cmyk(100% 0% 35% 67%)
Tinte · Ombre · Toni
Tinte
- 266449
- 40745B
- 58856E
- 6F9581
- 86A695
- 9EB8A9
- B5C9BE
- CEDBD3
- E6EDE9
Ombre
- 00482E
- 003C26
- 00311E
- 002616
- 001B0F
- 001108
- 000803
- 000201
- 000000
Toni
- 19593E
- 295D45
- 35624C
- 416653
- 4C6A5B
- 576F62
- 617369
- 6C7771
- 767C78
Armonie di colore
Complementare +180°
- 005437
Permanent Green
- 653153
≈ Blackberry Deep Red
Analogo -30° +30°
- 005437
Permanent Green
- 344F19
≈ Chestnut Green
- 00514F
≈ Wool Turquoise
Triadico +120° +240°
- 005437
Permanent Green
- 3F3F73
≈ Hot Sauna
- 6C341E
≈ Pueblo
Complementare divisa +150° +210°
- 005437
Permanent Green
- 553768
≈ Purple Protégé
- 6D303A
≈ Chestnut Red
Tetradico +90° +180° +270°
- 005437
Permanent Green
- 1E4873
≈ Thunder Night
- 653153
≈ Blackberry Deep Red
- 623D00
≈ Hippogriff Brown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.03:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.32:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.03:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--permanent-green: #005437;
--permanent-green-rgb: 0 84 55;
--permanent-green-oklch: oklch(0.394 0.087 161.6);
}
.element {
color: var(--permanent-green);
background-color: hsl(159 100% 16%);
border-color: oklch(0.394 0.087 161.6);
}Tailwind CSS v4
@theme {
--color-permanent-green: #005437;
--color-permanent-green-50: #e0feee;
--color-permanent-green-100: #cff2e0;
--color-permanent-green-200: #b3e1ca;
--color-permanent-green-300: #8ec6ab;
--color-permanent-green-400: #6eaf8e;
--color-permanent-green-500: #4a9874;
--color-permanent-green-600: #408162;
--color-permanent-green-700: #33674e;
--color-permanent-green-800: #254c38;
--color-permanent-green-900: #193526;
--color-permanent-green-950: #092014;
}SCSS
$permanent-green: #005437;
$permanent-green-rgb: 0, 84, 55;
$permanent-green-light: mix(#fff, $permanent-green, 20%);
$permanent-green-dark: mix(#000, $permanent-green, 20%);
.element {
color: $permanent-green;
box-shadow: 0 0 0 2px rgba($permanent-green, 0.35);
}