Adlandırılmış renk · #AD735A
Arizona Clay
Arizona Clay, #AD735A: rgb(173 115 90), hsl(18 34% 52%), oklch(0.61 0.082 44.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Arizona Clay color name →
#AD735A
oklch(0.61 0.082 44.1)
Renk dönüşümleri
- HEX
- #ad735a
- RGB
- rgb(173 115 90)
- HSL
- hsl(18 34% 52%)
- HWB
- hwb(18 35% 32%)
- OKLCH
- oklch(0.61 0.082 44.1)
- OKLab
- oklab(0.61 0.059 0.057)
- CIE Lab
- lab(54.25 21.42 23.66)
- LCH
- lch(54.25 31.91 47.8)
- CMYK
- cmyk(0% 34% 48% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B6816A
- BE8E7A
- C79C8A
- CFAA9A
- D7B8AA
- DFC6BB
- E7D4CC
- EFE2DD
- F7F0EE
Koyu tonlar
- 96634D
- 7F5441
- 6A4535
- 553629
- 41281E
- 2D1B13
- 1B0F09
- 0B0503
- 010100
Gri tonlar
- A9755E
- A57662
- A07866
- 9C796A
- 987A6E
- 937C72
- 8F7D75
- 8A7E79
- 857F7C
Renk uyumları
Tamamlayıcı +180°
- AD735A
Arizona Clay
- 458EA8
≈ Boston Blue
Analog -30° +30°
- AD735A
Arizona Clay
- AF6E74
≈ Pomegranate Tea
- A17C49
≈ Cognac Tint
Üçlü +120° +240°
- AD735A
Arizona Clay
- 509376
≈ Deep Grass Green
- 7D7DB3
≈ Astro Zinger
Bölünmüş tamamlayıcı +150° +210°
- AD735A
Arizona Clay
- 3C9392
≈ Catalan
- 6086B4
≈ Pacific Coast
Dörtlü +90° +180° +270°
- AD735A
Arizona Clay
- 6F8E5B
≈ Four Leaf Clover
- 458EA8
≈ Boston Blue
- 9574A6
≈ Ce Soir
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.90:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.37:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.37:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--arizona-clay: #ad735a;
--arizona-clay-rgb: 173 115 90;
--arizona-clay-oklch: oklch(0.61 0.082 44.1);
}
.element {
color: var(--arizona-clay);
background-color: hsl(18 34% 52%);
border-color: oklch(0.61 0.082 44.1);
}Tailwind CSS v4
@theme {
--color-arizona-clay: #ad735a;
--color-arizona-clay-50: #ffefe2;
--color-arizona-clay-100: #ffe0d1;
--color-arizona-clay-200: #f3cab7;
--color-arizona-clay-300: #dcab94;
--color-arizona-clay-400: #c88f77;
--color-arizona-clay-500: #b47458;
--color-arizona-clay-600: #98624b;
--color-arizona-clay-700: #7a4f3c;
--color-arizona-clay-800: #5b392b;
--color-arizona-clay-900: #3f271d;
--color-arizona-clay-950: #28150d;
}SCSS
$arizona-clay: #ad735a;
$arizona-clay-rgb: 173, 115, 90;
$arizona-clay-light: mix(#fff, $arizona-clay, 20%);
$arizona-clay-dark: mix(#000, $arizona-clay, 20%);
.element {
color: $arizona-clay;
box-shadow: 0 0 0 2px rgba($arizona-clay, 0.35);
}