이름 색상 · #AB7141
Byzantine Copper
Byzantine Copper은(는) #AB7141: rgb(171 113 65), hsl(27 45% 46%), oklch(0.6 0.097 59). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Byzantine Copper color name →
#AB7141
oklch(0.6 0.097 59)
색상 변환
- HEX
- #ab7141
- RGB
- rgb(171 113 65)
- HSL
- hsl(27 45% 46%)
- HWB
- hwb(27 25% 33%)
- OKLCH
- oklch(0.6 0.097 59)
- OKLab
- oklab(0.6 0.05 0.083)
- CIE Lab
- lab(53.19 20.06 36.07)
- LCH
- lch(53.19 41.27 60.9)
- CMYK
- cmyk(0% 34% 62% 33%)
틴트 · 셰이드 · 톤
틴트
- B47F54
- BD8D67
- C59B7A
- CEA98C
- D6B79F
- DFC5B2
- E7D3C5
- EFE2D8
- F7F0EB
셰이드
- 946137
- 7E522E
- 684325
- 54351C
- 402713
- 2D1A0B
- 1B0E05
- 0B0401
- 010100
톤
- A77349
- A37550
- 9F7657
- 9B785D
- 977A63
- 927B69
- 8E7C6F
- 897E75
- 857F7A
색 조화
보색 +180°
- AB7141
Byzantine Copper
- 4288B4
≈ Walker Lake
유사색 -30° +30°
- AB7141
Byzantine Copper
- B3695E
≈ Peach Dunes
- 987D33
≈ Fernweh
삼각 배색 +120° +240°
- AB7141
Byzantine Copper
- 2A9381
≈ Miami Jade
- 8873B2
≈ Dahlia Purple
분열 보색 +150° +210°
- AB7141
Byzantine Copper
- 1C909F
≈ Jaded
- 687DBB
≈ Persian Jewel
사각 배색 +90° +180° +270°
- AB7141
Byzantine Copper
- 54905F
≈ Middle Green
- 4288B4
≈ Walker Lake
- A06A9D
≈ Dark Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.06:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.16:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--byzantine-copper: #ab7141;
--byzantine-copper-rgb: 171 113 65;
--byzantine-copper-oklch: oklch(0.6 0.097 59);
}
.element {
color: var(--byzantine-copper);
background-color: hsl(27 45% 46%);
border-color: oklch(0.6 0.097 59);
}Tailwind CSS v4
@theme {
--color-byzantine-copper: #ab7141;
--color-byzantine-copper-50: #fff0da;
--color-byzantine-copper-100: #ffe1c8;
--color-byzantine-copper-200: #f4cbab;
--color-byzantine-copper-300: #ddac84;
--color-byzantine-copper-400: #ca9063;
--color-byzantine-copper-500: #b5753f;
--color-byzantine-copper-600: #996336;
--color-byzantine-copper-700: #7b4f2b;
--color-byzantine-copper-800: #5c391e;
--color-byzantine-copper-900: #402714;
--color-byzantine-copper-950: #291506;
}SCSS
$byzantine-copper: #ab7141;
$byzantine-copper-rgb: 171, 113, 65;
$byzantine-copper-light: mix(#fff, $byzantine-copper, 20%);
$byzantine-copper-dark: mix(#000, $byzantine-copper, 20%);
.element {
color: $byzantine-copper;
box-shadow: 0 0 0 2px rgba($byzantine-copper, 0.35);
}