이름 색상 · #DB9351
Brushed Clay
Brushed Clay은(는) #DB9351: rgb(219 147 81), hsl(29 66% 59%), oklch(0.723 0.12 61.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Brushed Clay color name →
#DB9351
oklch(0.723 0.12 61.5)
색상 변환
- HEX
- #db9351
- RGB
- rgb(219 147 81)
- HSL
- hsl(29 66% 59%)
- HWB
- hwb(29 32% 14%)
- OKLCH
- oklch(0.723 0.12 61.5)
- OKLab
- oklab(0.723 0.057 0.105)
- CIE Lab
- lab(67.41 23.37 45.85)
- LCH
- lch(67.41 51.46 63)
- CMYK
- cmyk(0% 33% 63% 14%)
틴트 · 셰이드 · 톤
틴트
- DF9E64
- E3A976
- E7B488
- EBBE99
- EFC9AA
- F3D4BB
- F6DFCC
- F9E9DD
- FCF4EE
셰이드
- BE7F45
- A26C3A
- 87592F
- 6D4724
- 54361A
- 3C2510
- 261607
- 110802
- 020100
톤
- D29258
- C9905E
- C08E63
- B78C68
- AE8B6D
- A58971
- 9C8775
- 938579
- 89827D
색 조화
보색 +180°
- DB9351
Brushed Clay
- 59AEE9
≈ Blue Jeans
유사색 -30° +30°
- DB9351
Brushed Clay
- E68876
≈ Thundelarra
- C1A242
≈ Creed
삼각 배색 +120° +240°
- DB9351
Brushed Clay
- 2EBDAA
≈ Tealish
- B393E4
≈ Dreamy Candy Forest
분열 보색 +150° +210°
- DB9351
Brushed Clay
- 22B9D0
≈ Holiday Blue
- 8AA0F1
≈ Cold Lips
사각 배색 +90° +180° +270°
- DB9351
Brushed Clay
- 67BB7F
≈ Green Garter
- 59AEE9
≈ Blue Jeans
- D189C7
≈ Cyclamen
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.52:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.30:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.30:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--brushed-clay: #db9351;
--brushed-clay-rgb: 219 147 81;
--brushed-clay-oklch: oklch(0.723 0.12 61.5);
}
.element {
color: var(--brushed-clay);
background-color: hsl(29 66% 59%);
border-color: oklch(0.723 0.12 61.5);
}Tailwind CSS v4
@theme {
--color-brushed-clay: #db9351;
--color-brushed-clay-50: #ffefd2;
--color-brushed-clay-100: #ffe0bf;
--color-brushed-clay-200: #f9ca9f;
--color-brushed-clay-300: #e3aa76;
--color-brushed-clay-400: #d18d4f;
--color-brushed-clay-500: #be711f;
--color-brushed-clay-600: #a0601d;
--color-brushed-clay-700: #814d18;
--color-brushed-clay-800: #603710;
--color-brushed-clay-900: #43260a;
--color-brushed-clay-950: #2b1400;
}SCSS
$brushed-clay: #db9351;
$brushed-clay-rgb: 219, 147, 81;
$brushed-clay-light: mix(#fff, $brushed-clay, 20%);
$brushed-clay-dark: mix(#000, $brushed-clay, 20%);
.element {
color: $brushed-clay;
box-shadow: 0 0 0 2px rgba($brushed-clay, 0.35);
}