이름 색상 · #AD8458
Cool Copper
Cool Copper은(는) #AD8458: rgb(173 132 88), hsl(31 34% 51%), oklch(0.643 0.078 67.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cool Copper color name →
#AD8458
oklch(0.643 0.078 67.7)
색상 변환
- HEX
- #ad8458
- RGB
- rgb(173 132 88)
- HSL
- hsl(31 34% 51%)
- HWB
- hwb(31 35% 32%)
- OKLCH
- oklch(0.643 0.078 67.7)
- OKLab
- oklab(0.643 0.03 0.072)
- CIE Lab
- lab(58.44 12.2 30.07)
- LCH
- lch(58.44 32.45 67.9)
- CMYK
- cmyk(0% 24% 49% 32%)
틴트 · 셰이드 · 톤
틴트
- B59068
- BE9C79
- C6A889
- CEB49A
- D6C0AA
- DECDBB
- E7D9CC
- EFE6DD
- F7F2EE
셰이드
- 96724B
- 7F603F
- 6A4F33
- 553F28
- 412F1D
- 2D2012
- 1B1209
- 0B0603
- 010100
톤
- A9845D
- A48461
- A08366
- 9B836A
- 97836E
- 928272
- 8E8275
- 898179
- 85817D
색 조화
보색 +180°
- AD8458
Cool Copper
- 6691BB
≈ Blue Marble
유사색 -30° +30°
- AD8458
Cool Copper
- B77C6B
≈ Faneuil Brick
- 9A8E54
≈ Dijonnaise
삼각 배색 +120° +240°
- AD8458
Cool Copper
- 4E9D95
≈ Tourmaline Turquoise
- 9A80B2
≈ Plum Burst
분열 보색 +150° +210°
- AD8458
Cool Copper
- 5099AC
≈ Starflower Blue
- 8189BD
≈ Iolite
사각 배색 +90° +180° +270°
- AD8458
Cool Copper
- 639C7B
≈ Dying Moss
- 6691BB
≈ Blue Marble
- AC7B9E
≈ Usu Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.37:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.21:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.21:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--cool-copper: #ad8458;
--cool-copper-rgb: 173 132 88;
--cool-copper-oklch: oklch(0.643 0.078 67.7);
}
.element {
color: var(--cool-copper);
background-color: hsl(31 34% 51%);
border-color: oklch(0.643 0.078 67.7);
}Tailwind CSS v4
@theme {
--color-cool-copper: #ad8458;
--color-cool-copper-50: #fff2de;
--color-cool-copper-100: #fae4cc;
--color-cool-copper-200: #ebcfb1;
--color-cool-copper-300: #d2b18c;
--color-cool-copper-400: #be966c;
--color-cool-copper-500: #a97c4b;
--color-cool-copper-600: #8f6940;
--color-cool-copper-700: #725433;
--color-cool-copper-800: #553d24;
--color-cool-copper-900: #3b2a18;
--color-cool-copper-950: #251709;
}SCSS
$cool-copper: #ad8458;
$cool-copper-rgb: 173, 132, 88;
$cool-copper-light: mix(#fff, $cool-copper, 20%);
$cool-copper-dark: mix(#000, $cool-copper, 20%);
.element {
color: $cool-copper;
box-shadow: 0 0 0 2px rgba($cool-copper, 0.35);
}