이름 색상 · #AD6F69
Copper Penny
Copper Penny은(는) #AD6F69: rgb(173 111 105), hsl(5 29% 55%), oklch(0.606 0.08 25.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Copper Penny color name →
#AD6F69
oklch(0.606 0.08 25.7)
색상 변환
- HEX
- #ad6f69
- RGB
- rgb(173 111 105)
- HSL
- hsl(5 29% 55%)
- HWB
- hwb(5 41% 32%)
- OKLCH
- oklch(0.606 0.08 25.7)
- OKLab
- oklab(0.606 0.072 0.035)
- CIE Lab
- lab(53.55 24.76 14.11)
- LCH
- lch(53.55 28.5 29.7)
- CMYK
- cmyk(0% 36% 39% 32%)
틴트 · 셰이드 · 톤
틴트
- B67D77
- BE8B85
- C79994
- CFA7A3
- D8B5B1
- E0C4C1
- E8D2D0
- F0E1DF
- F7F0EF
셰이드
- 96605A
- 7F514C
- 6A423E
- 553431
- 412724
- 2D1A18
- 1B0E0C
- 0B0404
- 010100
톤
- A9716B
- A5736E
- A17570
- 9C7772
- 987875
- 937A77
- 8F7C79
- 8A7D7C
- 857F7E
색 조화
보색 +180°
- AD6F69
Copper Penny
- 3E9099
≈ Adrift
유사색 -30° +30°
- AD6F69
Copper Penny
- A96E84
≈ Never Forget
- A77552
≈ Balthasar Gold
삼각 배색 +120° +240°
- AD6F69
Copper Penny
- 628F65
≈ Succulent Leaves
- 6B81B3
≈ Marvellous
분열 보색 +150° +210°
- AD6F69
Copper Penny
- 479280
≈ Winter Green
- 4F8AAC
≈ Cosmopolitan
사각 배색 +90° +180° +270°
- AD6F69
Copper Penny
- 80884F
≈ Field Maple
- 3E9099
≈ Adrift
- 8678AD
≈ Grape Parfait
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.99:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.25:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.25:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--copper-penny: #ad6f69;
--copper-penny-rgb: 173 111 105;
--copper-penny-oklch: oklch(0.606 0.08 25.7);
}
.element {
color: var(--copper-penny);
background-color: hsl(5 29% 55%);
border-color: oklch(0.606 0.08 25.7);
}Tailwind CSS v4
@theme {
--color-copper-penny: #ad6f69;
--color-copper-penny-50: #ffede9;
--color-copper-penny-100: #ffded9;
--color-copper-penny-200: #f5c8c2;
--color-copper-penny-300: #dea8a1;
--color-copper-penny-400: #ca8c86;
--color-copper-penny-500: #b5716a;
--color-copper-penny-600: #99605a;
--color-copper-penny-700: #7b4c48;
--color-copper-penny-800: #5b3735;
--color-copper-penny-900: #402624;
--color-copper-penny-950: #281413;
}SCSS
$copper-penny: #ad6f69;
$copper-penny-rgb: 173, 111, 105;
$copper-penny-light: mix(#fff, $copper-penny, 20%);
$copper-penny-dark: mix(#000, $copper-penny, 20%);
.element {
color: $copper-penny;
box-shadow: 0 0 0 2px rgba($copper-penny, 0.35);
}