Colore con nome · #4D8B72
Molly Robins
Molly Robins è #4D8B72: rgb(77 139 114), hsl(156 29% 42%), oklch(0.587 0.076 165.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Molly Robins color name →
#4D8B72
oklch(0.587 0.076 165.9)
Conversioni di colore
- HEX
- #4d8b72
- RGB
- rgb(77 139 114)
- HSL
- hsl(156 29% 42%)
- HWB
- hwb(156 30% 45%)
- OKLCH
- oklch(0.587 0.076 165.9)
- OKLab
- oklab(0.587 -0.074 0.018)
- CIE Lab
- lab(53.15 -25.67 6.87)
- LCH
- lch(53.15 26.57 165)
- CMYK
- cmyk(45% 0% 18% 45%)
Tinte · Ombre · Toni
Tinte
- 5F967F
- 71A18D
- 83AD9A
- 94B8A8
- A6C4B6
- B7D0C4
- C9DBD3
- DBE7E1
- EDF3F0
Ombre
- 427862
- 376653
- 2C5444
- 224336
- 183228
- 0F231B
- 07140E
- 020704
- 000101
Toni
- 538A73
- 598975
- 5F8876
- 648778
- 698679
- 6E857A
- 73847C
- 77827D
- 7C817F
Armonie di colore
Complementare +180°
- 4D8B72
Molly Robins
- 9E6A86
≈ Penelope Pink
Analogo -30° +30°
- 4D8B72
Molly Robins
- 688759
≈ Thicket
- 3D8B8B
≈ Taos Turquoise
Triadico +120° +240°
- 4D8B72
Molly Robins
- 7876A8
≈ Minuet Lilac
- A26E56
≈ Earth Tone
Complementare divisa +150° +210°
- 4D8B72
Molly Robins
- 8E6F9B
≈ Faded Purple
- A56A6D
≈ Delhi Spice
Tetradico +90° +180° +270°
- 4D8B72
Molly Robins
- 5E7EA9
≈ Deck Crew
- 9E6A86
≈ Penelope Pink
- 977647
≈ Antique Penny
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.99:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.25:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.25:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--molly-robins: #4d8b72;
--molly-robins-rgb: 77 139 114;
--molly-robins-oklch: oklch(0.587 0.076 165.9);
}
.element {
color: var(--molly-robins);
background-color: hsl(156 29% 42%);
border-color: oklch(0.587 0.076 165.9);
}Tailwind CSS v4
@theme {
--color-molly-robins: #4d8b72;
--color-molly-robins-50: #e1fdf1;
--color-molly-robins-100: #d1f1e3;
--color-molly-robins-200: #b6dfce;
--color-molly-robins-300: #92c4b0;
--color-molly-robins-400: #72ad94;
--color-molly-robins-500: #50967a;
--color-molly-robins-600: #457f68;
--color-molly-robins-700: #376653;
--color-molly-robins-800: #284b3b;
--color-molly-robins-900: #1b3429;
--color-molly-robins-950: #0b1f16;
}SCSS
$molly-robins: #4d8b72;
$molly-robins-rgb: 77, 139, 114;
$molly-robins-light: mix(#fff, $molly-robins, 20%);
$molly-robins-dark: mix(#000, $molly-robins, 20%);
.element {
color: $molly-robins;
box-shadow: 0 0 0 2px rgba($molly-robins, 0.35);
}