En yakın adlandırılmış renk · #A7A865
#A7A865
En yakın adlandırılmış renk: Garden of Earthly Delights
#A7A865 (rgb(167 168 101), hsl(61 28% 53%), oklch(0.715 0.089 109.2)) en çok Garden of Earthly Delights adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A7A865
oklch(0.715 0.089 109.2)
Renk dönüşümleri
- HEX
- #a7a865
- RGB
- rgb(167 168 101)
- HSL
- hsl(61 28% 53%)
- HWB
- hwb(61 40% 34%)
- OKLCH
- oklch(0.715 0.089 109.2)
- OKLab
- oklab(0.715 -0.029 0.084)
- CIE Lab
- lab(67.62 -7.91 34.43)
- LCH
- lch(67.62 35.32 102.9)
- CMYK
- cmyk(1% 0% 40% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AFB175
- B8B984
- C0C294
- C9CAA3
- D2D3B2
- DBDCC1
- E4E5D1
- EDEDE0
- F6F6EF
Koyu tonlar
- 919257
- 7B7C49
- 66673C
- 52522F
- 3E3F22
- 2C2C17
- 1A1A0C
- 0A0A03
- 010100
Gri tonlar
- A3A469
- 9FA06C
- 9B9C6F
- 979872
- 939475
- 8F9077
- 8B8C7A
- 87887C
- 84847E
Renk uyumları
Tamamlayıcı +180°
- A7A865
Garden of Earthly Delights
- A19AD8
≈ Biloba Flower
Analog -30° +30°
- A7A865
Garden of Earthly Delights
- C19D61
≈ Gold Spell
- 86B17B
≈ Hakusai Green
Üçlü +120° +240°
- A7A865
Garden of Earthly Delights
- 64AED0
≈ Imrik Blue
- CE8CAC
≈ Bossy-Pants Pink
Bölünmüş tamamlayıcı +150° +210°
- A7A865
Garden of Earthly Delights
- 82A4DB
≈ Blue Cue
- BC91C7
≈ Violaceous
Dörtlü +90° +180° +270°
- A7A865
Garden of Earthly Delights
- 56B4B8
≈ Crystalsong Blue
- A19AD8
≈ Biloba Flower
- D58D8D
≈ Pink Slip
Kontrast ve erişilebilirlik
Beyaz üzerinde
WCAG 2.49:1 · APCA Lc 49
Siyah üzerinde
WCAG 8.43:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.43:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--garden-of-earthly-delights: #a7a865;
--garden-of-earthly-delights-rgb: 167 168 101;
--garden-of-earthly-delights-oklch: oklch(0.715 0.089 109.2);
}
.element {
color: var(--garden-of-earthly-delights);
background-color: hsl(61 28% 53%);
border-color: oklch(0.715 0.089 109.2);
}Tailwind CSS v4
@theme {
--color-garden-of-earthly-delights: #a7a865;
--color-garden-of-earthly-delights-50: #f6f8db;
--color-garden-of-earthly-delights-100: #e8ebca;
--color-garden-of-earthly-delights-200: #d5d8ad;
--color-garden-of-earthly-delights-300: #b9bc87;
--color-garden-of-earthly-delights-400: #a2a364;
--color-garden-of-earthly-delights-500: #8b8b40;
--color-garden-of-earthly-delights-600: #757637;
--color-garden-of-earthly-delights-700: #5e5e2c;
--color-garden-of-earthly-delights-800: #46441e;
--color-garden-of-earthly-delights-900: #302f13;
--color-garden-of-earthly-delights-950: #1d1c05;
}SCSS
$garden-of-earthly-delights: #a7a865;
$garden-of-earthly-delights-rgb: 167, 168, 101;
$garden-of-earthly-delights-light: mix(#fff, $garden-of-earthly-delights, 20%);
$garden-of-earthly-delights-dark: mix(#000, $garden-of-earthly-delights, 20%);
.element {
color: $garden-of-earthly-delights;
box-shadow: 0 0 0 2px rgba($garden-of-earthly-delights, 0.35);
}