Colore con nome · #A4A783
Rejuvenation
Rejuvenation è #A4A783: rgb(164 167 131), hsl(65 17% 58%), oklch(0.716 0.05 111.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Rejuvenation color name →
#A4A783
oklch(0.716 0.05 111.5)
Conversioni di colore
- HEX
- #a4a783
- RGB
- rgb(164 167 131)
- HSL
- hsl(65 17% 58%)
- HWB
- hwb(65 51% 35%)
- OKLCH
- oklch(0.716 0.05 111.5)
- OKLab
- oklab(0.716 -0.018 0.047)
- CIE Lab
- lab(67.53 -5.71 18.33)
- LCH
- lch(67.53 19.2 107.3)
- CMYK
- cmyk(2% 0% 22% 35%)
Tinte · Ombre · Toni
Tinte
- ADB08F
- B6B89B
- BEC1A7
- C7CAB3
- D0D2C0
- DADBCC
- E3E4D9
- ECEDE5
- F6F6F2
Ombre
- 8E9171
- 797B60
- 64664F
- 50523F
- 3D3E2F
- 2B2C20
- 1A1A12
- 0A0A06
- 010101
Toni
- A0A383
- 9D9F83
- 999B83
- 959782
- 929382
- 8E8F82
- 8B8C81
- 878881
- 838480
Armonie di colore
Complementare +180°
- A4A783
Rejuvenation
- A39EC1
≈ Opulent Violet
Analogo -30° +30°
- A4A783
Rejuvenation
- B4A180
≈ Montecito
- 92AC8F
≈ Natural Harmony
Triadico +120° +240°
- A4A783
Rejuvenation
- 84AABE
≈ Coventry Blue
- BD97A7
≈ Violet Fantasy
Complementare divisa +150° +210°
- A4A783
Rejuvenation
- 92A4C4
≈ Wild Clary
- B39AB7
≈ Grape Smoke
Tetradico +90° +180° +270°
- A4A783
Rejuvenation
- 7EADB1
≈ Venice Escape
- A39EC1
≈ Opulent Violet
- C19896
≈ Mutabilis
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.49:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.43:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.43:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--rejuvenation: #a4a783;
--rejuvenation-rgb: 164 167 131;
--rejuvenation-oklch: oklch(0.716 0.05 111.5);
}
.element {
color: var(--rejuvenation);
background-color: hsl(65 17% 58%);
border-color: oklch(0.716 0.05 111.5);
}Tailwind CSS v4
@theme {
--color-rejuvenation: #a4a783;
--color-rejuvenation-50: #f5f7e7;
--color-rejuvenation-100: #e7ead7;
--color-rejuvenation-200: #d4d7bf;
--color-rejuvenation-300: #b7bb9e;
--color-rejuvenation-400: #9fa280;
--color-rejuvenation-500: #878a63;
--color-rejuvenation-600: #727554;
--color-rejuvenation-700: #5b5d43;
--color-rejuvenation-800: #434430;
--color-rejuvenation-900: #2e2f20;
--color-rejuvenation-950: #1b1b10;
}SCSS
$rejuvenation: #a4a783;
$rejuvenation-rgb: 164, 167, 131;
$rejuvenation-light: mix(#fff, $rejuvenation, 20%);
$rejuvenation-dark: mix(#000, $rejuvenation, 20%);
.element {
color: $rejuvenation;
box-shadow: 0 0 0 2px rgba($rejuvenation, 0.35);
}