Colore con nome · #7C9270
Chic Shade
Chic Shade è #7C9270: rgb(124 146 112), hsl(99 13% 51%), oklch(0.633 0.056 134.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Chic Shade color name →
#7C9270
oklch(0.633 0.056 134.7)
Conversioni di colore
- HEX
- #7c9270
- RGB
- rgb(124 146 112)
- HSL
- hsl(99 13% 51%)
- HWB
- hwb(99 44% 43%)
- OKLCH
- oklch(0.633 0.056 134.7)
- OKLab
- oklab(0.633 -0.039 0.04)
- CIE Lab
- lab(58.11 -13.08 15.38)
- LCH
- lch(58.11 20.19 130.4)
- CMYK
- cmyk(15% 0% 23% 43%)
Tinte · Ombre · Toni
Tinte
- 889C7E
- 95A78B
- A2B299
- AFBCA7
- BCC7B5
- C9D2C4
- D6DDD2
- E4E8E1
- F1F4F0
Ombre
- 6B7E60
- 5A6B51
- 4A5843
- 3B4635
- 2C3527
- 1E251A
- 11160E
- 050804
- 010101
Toni
- 7C9072
- 7D8E73
- 7D8D75
- 7E8B77
- 7E8978
- 7F877A
- 7F857C
- 7F847D
- 80827F
Armonie di colore
Complementare +180°
- 7C9270
Chic Shade
- 9780A2
≈ Purple Phantom
Analogo -30° +30°
- 7C9270
Chic Shade
- 8F8C65
≈ Paid in Full
- 6A9582
≈ Grandview
Triadico +120° +240°
- 7C9270
Chic Shade
- 738CAC
≈ Windsurf Blue
- A97D7F
≈ Cherry Mocha
Complementare divisa +150° +210°
- 7C9270
Chic Shade
- 8686AB
≈ Purple Hills
- A37D92
≈ Cali Lily
Tetradico +90° +180° +270°
- 7C9270
Chic Shade
- 6592A4
≈ Blue Cruise
- 9780A2
≈ Purple Phantom
- A7806F
≈ Cocoa Nutmeg
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.38:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.20:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.20:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--chic-shade: #7c9270;
--chic-shade-rgb: 124 146 112;
--chic-shade-oklch: oklch(0.633 0.056 134.7);
}
.element {
color: var(--chic-shade);
background-color: hsl(99 13% 51%);
border-color: oklch(0.633 0.056 134.7);
}Tailwind CSS v4
@theme {
--color-chic-shade: #7c9270;
--color-chic-shade-50: #eef9ea;
--color-chic-shade-100: #e0edda;
--color-chic-shade-200: #cadac3;
--color-chic-shade-300: #abbea3;
--color-chic-shade-400: #91a685;
--color-chic-shade-500: #778f69;
--color-chic-shade-600: #657959;
--color-chic-shade-700: #506147;
--color-chic-shade-800: #3b4733;
--color-chic-shade-900: #283122;
--color-chic-shade-950: #161d12;
}SCSS
$chic-shade: #7c9270;
$chic-shade-rgb: 124, 146, 112;
$chic-shade-light: mix(#fff, $chic-shade, 20%);
$chic-shade-dark: mix(#000, $chic-shade, 20%);
.element {
color: $chic-shade;
box-shadow: 0 0 0 2px rgba($chic-shade, 0.35);
}