이름 색상 · #B2764C
Copper Mine
Copper Mine은(는) #B2764C: rgb(178 118 76), hsl(25 40% 50%), oklch(0.619 0.095 55). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Copper Mine color name →
#B2764C
oklch(0.619 0.095 55)
색상 변환
- HEX
- #b2764c
- RGB
- rgb(178 118 76)
- HSL
- hsl(25 40% 50%)
- HWB
- hwb(25 30% 30%)
- OKLCH
- oklch(0.619 0.095 55)
- OKLab
- oklab(0.619 0.054 0.078)
- CIE Lab
- lab(55.41 21.01 33.04)
- LCH
- lch(55.41 39.15 57.6)
- CMYK
- cmyk(0% 34% 57% 30%)
틴트 · 셰이드 · 톤
틴트
- BA835E
- C2916F
- CA9E81
- D2AC93
- DAB9A4
- E2C7B6
- E9D5C8
- F0E3DA
- F8F1EC
셰이드
- 9A6641
- 835636
- 6D472C
- 573822
- 432918
- 2F1C0F
- 1D0F06
- 0C0502
- 010100
톤
- AD7752
- A97958
- A47A5E
- 9F7B63
- 9A7C68
- 957D6D
- 907E72
- 8B7F77
- 857F7B
색 조화
보색 +180°
- B2764C
Copper Mine
- 458FB7
≈ Quiet Night
유사색 -30° +30°
- B2764C
Copper Mine
- B86F69
≈ Terra Tone
- A0813D
≈ Tau Sept Ochre
삼각 배색 +120° +240°
- B2764C
Copper Mine
- 3A9983
≈ Green Jelly
- 8A7AB9
≈ Royal Raul
분열 보색 +150° +210°
- B2764C
Copper Mine
- 2A96A1
≈ Aqua Lake
- 6A85C0
≈ Orbital
사각 배색 +90° +180° +270°
- B2764C
Copper Mine
- 609562
≈ Abundance
- 458FB7
≈ Quiet Night
- A372A5
≈ Violet Femmes
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.75:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.58:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--copper-mine: #b2764c;
--copper-mine-rgb: 178 118 76;
--copper-mine-oklch: oklch(0.619 0.095 55);
}
.element {
color: var(--copper-mine);
background-color: hsl(25 40% 50%);
border-color: oklch(0.619 0.095 55);
}Tailwind CSS v4
@theme {
--color-copper-mine: #b2764c;
--color-copper-mine-50: #ffefdb;
--color-copper-mine-100: #ffe1ca;
--color-copper-mine-200: #f4cbad;
--color-copper-mine-300: #ddac88;
--color-copper-mine-400: #ca8f67;
--color-copper-mine-500: #b67445;
--color-copper-mine-600: #9a633b;
--color-copper-mine-700: #7c4f2f;
--color-copper-mine-800: #5c3922;
--color-copper-mine-900: #402716;
--color-copper-mine-950: #291507;
}SCSS
$copper-mine: #b2764c;
$copper-mine-rgb: 178, 118, 76;
$copper-mine-light: mix(#fff, $copper-mine, 20%);
$copper-mine-dark: mix(#000, $copper-mine, 20%);
.element {
color: $copper-mine;
box-shadow: 0 0 0 2px rgba($copper-mine, 0.35);
}