Colore con nome · #A4BE5C
Chinese Money Plant
Chinese Money Plant è #A4BE5C: rgb(164 190 92), hsl(76 43% 55%), oklch(0.761 0.128 121.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Chinese Money Plant color name →
#A4BE5C
oklch(0.761 0.128 121.8)
Conversioni di colore
- HEX
- #a4be5c
- RGB
- rgb(164 190 92)
- HSL
- hsl(76 43% 55%)
- HWB
- hwb(76 36% 25%)
- OKLCH
- oklch(0.761 0.128 121.8)
- OKLab
- oklab(0.761 -0.068 0.109)
- CIE Lab
- lab(73.43 -20.35 45.73)
- LCH
- lch(73.43 50.05 114)
- CMYK
- cmyk(14% 0% 52% 25%)
Tinte · Ombre · Toni
Tinte
- ADC56E
- B5CB7F
- BED290
- C7D8A0
- D0DFB0
- D9E5C0
- E3ECD0
- ECF2DF
- F5F9EF
Ombre
- 8EA54F
- 798C42
- 647536
- 505E2A
- 3D481F
- 2B3314
- 1A1F0A
- 0A0D03
- 010200
Toni
- A0B862
- 9DB267
- 99AB6B
- 95A56F
- 929F73
- 8E9976
- 8A9379
- 878C7B
- 83867E
Armonie di colore
Complementare +180°
- A4BE5C
Chinese Money Plant
- C09DF5
≈ Lavender Cream
Analogo -30° +30°
- A4BE5C
Chinese Money Plant
- CFAE44
≈ Haystack
- 6DC988
≈ Serengeti Green
Triadico +120° +240°
- A4BE5C
Chinese Money Plant
- 5EBBFB
≈ Hello Summer
- F48DAB
≈ Unripe Strawberry
Complementare divisa +150° +210°
- A4BE5C
Chinese Money Plant
- 96ACFF
≈ Widowmaker
- E192D6
≈ Love Dust
Tetradico +90° +180° +270°
- A4BE5C
Chinese Money Plant
- 1DC6E0
≈ Caribbean Blue
- C09DF5
≈ Lavender Cream
- F8917D
≈ Hot Calypso
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.07:1 · APCA Lc 41
Ag
AAASu nero
WCAG 10.09:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.09:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--chinese-money-plant: #a4be5c;
--chinese-money-plant-rgb: 164 190 92;
--chinese-money-plant-oklch: oklch(0.761 0.128 121.8);
}
.element {
color: var(--chinese-money-plant);
background-color: hsl(76 43% 55%);
border-color: oklch(0.761 0.128 121.8);
}Tailwind CSS v4
@theme {
--color-chinese-money-plant: #a4be5c;
--color-chinese-money-plant-50: #edfcd4;
--color-chinese-money-plant-100: #dff0c1;
--color-chinese-money-plant-200: #c9dea1;
--color-chinese-money-plant-300: #aac378;
--color-chinese-money-plant-400: #92aa4e;
--color-chinese-money-plant-500: #79931a;
--color-chinese-money-plant-600: #667c1a;
--color-chinese-money-plant-700: #526315;
--color-chinese-money-plant-800: #3d480a;
--color-chinese-money-plant-900: #2a3206;
--color-chinese-money-plant-950: #181e00;
}SCSS
$chinese-money-plant: #a4be5c;
$chinese-money-plant-rgb: 164, 190, 92;
$chinese-money-plant-light: mix(#fff, $chinese-money-plant, 20%);
$chinese-money-plant-dark: mix(#000, $chinese-money-plant, 20%);
.element {
color: $chinese-money-plant;
box-shadow: 0 0 0 2px rgba($chinese-money-plant, 0.35);
}