Adlandırılmış renk · #A7A07E
Hillary
Hillary, #A7A07E: rgb(167 160 126), hsl(50 19% 57%), oklch(0.703 0.048 97.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Hillary color name →
#A7A07E
oklch(0.703 0.048 97.7)
Renk dönüşümleri
- HEX
- #a7a07e
- RGB
- rgb(167 160 126)
- HSL
- hsl(50 19% 57%)
- HWB
- hwb(50 49% 35%)
- OKLCH
- oklch(0.703 0.048 97.7)
- OKLab
- oklab(0.703 -0.006 0.047)
- CIE Lab
- lab(65.8 -1.52 18.77)
- LCH
- lch(65.8 18.83 94.6)
- CMYK
- cmyk(0% 4% 25% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AFA98A
- B8B297
- C1BCA4
- C9C5B0
- D2CFBD
- DBD8CA
- E4E2D7
- EDEBE4
- F6F5F2
Koyu tonlar
- 918B6D
- 7B765C
- 66614C
- 524E3C
- 3E3B2D
- 2C291F
- 1A1911
- 0A0905
- 010101
Gri tonlar
- A39D7E
- 9F9A7F
- 9B967F
- 97937F
- 939080
- 8F8D80
- 8B8A80
- 888680
- 848380
Renk uyumları
Tamamlayıcı +180°
- A7A07E
Hillary
- 989DBE
≈ Midnight Blush
Analog -30° +30°
- A7A07E
Hillary
- B49A80
≈ Cavern Clay
- 97A586
≈ Fern Leaf
Üçlü +120° +240°
- A7A07E
Hillary
- 7EA7B3
≈ Inner Sanctum
- B494AA
≈ Bed of Roses
Bölünmüş tamamlayıcı +150° +210°
- A7A07E
Hillary
- 88A3BC
≈ Hawaiian Sky
- A798B7
≈ Grape Gatsby
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.63:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 7.97:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 7.97:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--hillary: #a7a07e;
--hillary-rgb: 167 160 126;
--hillary-oklch: oklch(0.703 0.048 97.7);
}
.element {
color: var(--hillary);
background-color: hsl(50 19% 57%);
border-color: oklch(0.703 0.048 97.7);
}Tailwind CSS v4
@theme {
--color-hillary: #a7a07e;
--color-hillary-50: #f8f6e6;
--color-hillary-100: #ebe9d7;
--color-hillary-200: #d9d5be;
--color-hillary-300: #bdb89d;
--color-hillary-400: #a69f7f;
--color-hillary-500: #8e8762;
--color-hillary-600: #797253;
--color-hillary-700: #605b42;
--color-hillary-800: #47422f;
--color-hillary-900: #312e20;
--color-hillary-950: #1d1b10;
}SCSS
$hillary: #a7a07e;
$hillary-rgb: 167, 160, 126;
$hillary-light: mix(#fff, $hillary, 20%);
$hillary-dark: mix(#000, $hillary, 20%);
.element {
color: $hillary;
box-shadow: 0 0 0 2px rgba($hillary, 0.35);
}