Colore con nome · #688C43
Makrut Lime
Makrut Lime è #688C43: rgb(104 140 67), hsl(90 35% 41%), oklch(0.596 0.109 130.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Makrut Lime color name →
#688C43
oklch(0.596 0.109 130.7)
Conversioni di colore
- HEX
- #688c43
- RGB
- rgb(104 140 67)
- HSL
- hsl(90 35% 41%)
- HWB
- hwb(90 26% 45%)
- OKLCH
- oklch(0.596 0.109 130.7)
- OKLab
- oklab(0.596 -0.071 0.083)
- CIE Lab
- lab(54.26 -22.82 34.33)
- LCH
- lch(54.26 41.22 123.6)
- CMYK
- cmyk(26% 0% 52% 45%)
Tinte · Ombre · Toni
Tinte
- 769756
- 85A369
- 93AE7B
- A2B98E
- B1C5A0
- C0D0B3
- D0DCC6
- DFE8D9
- EFF3EC
Ombre
- 597939
- 4B672F
- 3E5526
- 30431D
- 243314
- 18230C
- 0C1405
- 040701
- 000100
Toni
- 6B8B4A
- 6D8A51
- 6F8958
- 72885E
- 748764
- 77856A
- 798470
- 7B8375
- 7E817B
Armonie di colore
Complementare +180°
- 688C43
Makrut Lime
- 946BAF
≈ Knight Elf
Analogo -30° +30°
- 688C43
Makrut Lime
- 8E8025
≈ Jungle Palm
- 369369
≈ Illuminati Green
Triadico +120° +240°
- 688C43
Makrut Lime
- 4983BE
≈ Blue Vault
- B6626F
≈ Sensuous
Complementare divisa +150° +210°
- 688C43
Makrut Lime
- 7376BF
≈ Flood
- AA6493
≈ Exotic Bloom
Tetradico +90° +180° +270°
- 688C43
Makrut Lime
- 008DAC
≈ Quintana
- 946BAF
≈ Knight Elf
- B5674A
≈ Brown Wood
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.87:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.42:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.42:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--makrut-lime: #688c43;
--makrut-lime-rgb: 104 140 67;
--makrut-lime-oklch: oklch(0.596 0.109 130.7);
}
.element {
color: var(--makrut-lime);
background-color: hsl(90 35% 41%);
border-color: oklch(0.596 0.109 130.7);
}Tailwind CSS v4
@theme {
--color-makrut-lime: #688c43;
--color-makrut-lime-50: #e9fcdd;
--color-makrut-lime-100: #daf0cb;
--color-makrut-lime-200: #c2dfaf;
--color-makrut-lime-300: #a2c48a;
--color-makrut-lime-400: #88ac66;
--color-makrut-lime-500: #6d9542;
--color-makrut-lime-600: #5c7e39;
--color-makrut-lime-700: #49652d;
--color-makrut-lime-800: #374a1e;
--color-makrut-lime-900: #253314;
--color-makrut-lime-950: #141f06;
}SCSS
$makrut-lime: #688c43;
$makrut-lime-rgb: 104, 140, 67;
$makrut-lime-light: mix(#fff, $makrut-lime, 20%);
$makrut-lime-dark: mix(#000, $makrut-lime, 20%);
.element {
color: $makrut-lime;
box-shadow: 0 0 0 2px rgba($makrut-lime, 0.35);
}