이름 색상 · #AD735A
Arizona Clay
Arizona Clay은(는) #AD735A: rgb(173 115 90), hsl(18 34% 52%), oklch(0.61 0.082 44.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Arizona Clay color name →
#AD735A
oklch(0.61 0.082 44.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- B6816A
- BE8E7A
- C79C8A
- CFAA9A
- D7B8AA
- DFC6BB
- E7D4CC
- EFE2DD
- F7F0EE
셰이드
- 96634D
- 7F5441
- 6A4535
- 553629
- 41281E
- 2D1B13
- 1B0F09
- 0B0503
- 010100
톤
- A9755E
- A57662
- A07866
- 9C796A
- 987A6E
- 937C72
- 8F7D75
- 8A7E79
- 857F7C
색 조화
보색 +180°
- AD735A
Arizona Clay
- 458EA8
≈ Boston Blue
유사색 -30° +30°
- AD735A
Arizona Clay
- AF6E74
≈ Pomegranate Tea
- A17C49
≈ Cognac Tint
삼각 배색 +120° +240°
- AD735A
Arizona Clay
- 509376
≈ Deep Grass Green
- 7D7DB3
≈ Astro Zinger
분열 보색 +150° +210°
- AD735A
Arizona Clay
- 3C9392
≈ Catalan
- 6086B4
≈ Pacific Coast
사각 배색 +90° +180° +270°
- AD735A
Arizona Clay
- 6F8E5B
≈ Four Leaf Clover
- 458EA8
≈ Boston Blue
- 9574A6
≈ Ce Soir
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.90:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.37:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.37:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
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);
}