이름 색상 · #BD5C00
Dry Clay
Dry Clay은(는) #BD5C00: rgb(189 92 0), hsl(29 100% 37%), oklch(0.582 0.149 52.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Dry Clay color name →
#BD5C00
oklch(0.582 0.149 52.3)
색상 변환
- HEX
- #bd5c00
- RGB
- rgb(189 92 0)
- HSL
- hsl(29 100% 37%)
- HWB
- hwb(29 0% 26%)
- OKLCH
- oklch(0.582 0.149 52.3)
- OKLab
- oklab(0.582 0.091 0.118)
- CIE Lab
- lab(50.68 36.89 59.63)
- LCH
- lch(50.68 70.12 58.3)
- CMYK
- cmyk(0% 51% 100% 26%)
틴트 · 셰이드 · 톤
틴트
- C56D2F
- CD7E4A
- D48E62
- DB9E79
- E2AE8F
- E9BEA5
- EFCEBB
- F4DED2
- FAEFE8
셰이드
- A44F00
- 8C4200
- 743600
- 5D2A00
- 471F00
- 331400
- 1F0A00
- 0D0300
- 020000
톤
- B86120
- B26531
- AD6A3E
- A76D49
- A17153
- 9B745D
- 957866
- 8E7B6F
- 877D78
색 조화
보색 +180°
- BD5C00
Dry Clay
- 0086B5
≈ Lucario Blue
유사색 -30° +30°
- BD5C00
Dry Clay
- C45051
≈ Autumn Fire
- 9E7300
≈ Barbarian Leather
삼각 배색 +120° +240°
- BD5C00
Dry Clay
- 009074
≈ Observatory
- 7F67CB
≈ Venus Violet
분열 보색 +150° +210°
- BD5C00
Dry Clay
- 008C94
≈ Tempo Teal
- 4977D2
≈ Serenity’s Reign
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.47:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.69:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.69:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
CSS
:root {
--dry-clay: #bd5c00;
--dry-clay-rgb: 189 92 0;
--dry-clay-oklch: oklch(0.582 0.149 52.3);
}
.element {
color: var(--dry-clay);
background-color: hsl(29 100% 37%);
border-color: oklch(0.582 0.149 52.3);
}Tailwind CSS v4
@theme {
--color-dry-clay: #bd5c00;
--color-dry-clay-50: #ffebcd;
--color-dry-clay-100: #ffdbb9;
--color-dry-clay-200: #ffc397;
--color-dry-clay-300: #f2a26b;
--color-dry-clay-400: #e28241;
--color-dry-clay-500: #d06300;
--color-dry-clay-600: #af5400;
--color-dry-clay-700: #8d4302;
--color-dry-clay-800: #693004;
--color-dry-clay-900: #4a2003;
--color-dry-clay-950: #310f00;
}SCSS
$dry-clay: #bd5c00;
$dry-clay-rgb: 189, 92, 0;
$dry-clay-light: mix(#fff, $dry-clay, 20%);
$dry-clay-dark: mix(#000, $dry-clay, 20%);
.element {
color: $dry-clay;
box-shadow: 0 0 0 2px rgba($dry-clay, 0.35);
}