Couleur nommée la plus proche · #A0AF97
#A0AF97
Couleur nommée la plus proche: Rooftop Garden
#A0AF97 (rgb(160 175 151), hsl(98 13% 64%), oklch(0.736 0.038 133.6)) est la plus proche de la couleur nommée Rooftop Garden. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A0AF97
oklch(0.736 0.038 133.6)
Conversions de couleur
- HEX
- #a0af97
- RGB
- rgb(160 175 151)
- HSL
- hsl(98 13% 64%)
- HWB
- hwb(98 59% 31%)
- OKLCH
- oklch(0.736 0.038 133.6)
- OKLab
- oklab(0.736 -0.026 0.027)
- CIE Lab
- lab(69.77 -8.8 10.49)
- LCH
- lch(69.77 13.69 130)
- CMYK
- cmyk(9% 0% 14% 31%)
Teintes · Ombres · Tons
Teintes
- A9B7A1
- B2BFAB
- BCC6B5
- C5CEC0
- CFD6CA
- D8DED4
- E2E6DF
- EBEFEA
- F5F7F4
Ombres
- 8B9883
- 76816F
- 616B5C
- 4E5649
- 3B4137
- 292E26
- 191C17
- 090B08
- 010101
Tons
- 9DAA95
- 9AA592
- 96A190
- 939C8E
- 90978C
- 8D9389
- 8A8E87
- 868985
- 838582
Harmonies de couleurs
Complémentaire +180°
- A0AF97
Rooftop Garden
- B2A3BB
≈ Emanation
Analogue -30° +30°
- A0AF97
Rooftop Garden
- ADAB90
≈ Quiet Thicket
- 95B1A3
≈ Vintage Vessel
Triadique +120° +240°
- A0AF97
Rooftop Garden
- 99ABC1
≈ Lead Ore
- C0A0A2
≈ Foggy Quartz
Complémentaire divisée +150° +210°
- A0AF97
Rooftop Garden
- A6A7C1
≈ Wisteria Light Soft Blue
- BBA0AF
≈ Parlour Rose
Tétradique +90° +180° +270°
- A0AF97
Rooftop Garden
- 91AFBB
≈ Showcase Blue
- B2A3BB
≈ Emanation
- BFA297
≈ Andes Ash
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.31:1 · APCA Lc 46
Ag
AAASur noir
WCAG 9.07:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 9.07:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
CSS
:root {
--rooftop-garden: #a0af97;
--rooftop-garden-rgb: 160 175 151;
--rooftop-garden-oklch: oklch(0.736 0.038 133.6);
}
.element {
color: var(--rooftop-garden);
background-color: hsl(98 13% 64%);
border-color: oklch(0.736 0.038 133.6);
}Tailwind CSS v4
@theme {
--color-rooftop-garden: #a0af97;
--color-rooftop-garden-50: #f0f8ed;
--color-rooftop-garden-100: #e2ebdf;
--color-rooftop-garden-200: #cdd8c8;
--color-rooftop-garden-300: #afbca9;
--color-rooftop-garden-400: #96a48d;
--color-rooftop-garden-500: #7c8c73;
--color-rooftop-garden-600: #697661;
--color-rooftop-garden-700: #545f4e;
--color-rooftop-garden-800: #3e4538;
--color-rooftop-garden-900: #2a3026;
--color-rooftop-garden-950: #181c14;
}SCSS
$rooftop-garden: #a0af97;
$rooftop-garden-rgb: 160, 175, 151;
$rooftop-garden-light: mix(#fff, $rooftop-garden, 20%);
$rooftop-garden-dark: mix(#000, $rooftop-garden, 20%);
.element {
color: $rooftop-garden;
box-shadow: 0 0 0 2px rgba($rooftop-garden, 0.35);
}