이름 색상 · #B6843C
Millionaire
Millionaire은(는) #B6843C: rgb(182 132 60), hsl(35 50% 47%), oklch(0.649 0.108 73.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Millionaire color name →
#B6843C
oklch(0.649 0.108 73.7)
색상 변환
- HEX
- #b6843c
- RGB
- rgb(182 132 60)
- HSL
- hsl(35 50% 47%)
- HWB
- hwb(35 24% 29%)
- OKLCH
- oklch(0.649 0.108 73.7)
- OKLab
- oklab(0.649 0.03 0.103)
- CIE Lab
- lab(59.18 14.49 45.6)
- LCH
- lch(59.18 47.84 72.4)
- CMYK
- cmyk(0% 27% 67% 29%)
틴트 · 셰이드 · 톤
틴트
- BE9052
- C59C66
- CCA879
- D4B58D
- DBC1A0
- E2CDB2
- EADAC5
- F1E6D8
- F8F2EC
셰이드
- 9E7233
- 86602A
- 6F4F21
- 593F19
- 442F11
- 30200A
- 1D1204
- 0C0601
- 020100
톤
- B18446
- AB844E
- A68456
- A1835D
- 9B8363
- 96836A
- 918270
- 8B8175
- 86817B
색 조화
보색 +180°
- B6843C
Millionaire
- 5E92CF
≈ Bashful Blue
유사색 -30° +30°
- B6843C
Millionaire
- C57857
≈ Spanish Peanut
- 9A923C
≈ Gecko
삼각 배색 +120° +240°
- B6843C
Millionaire
- 15A3A2
≈ Royal Cloak
- A67BBD
≈ Wisteria
분열 보색 +150° +210°
- B6843C
Millionaire
- 2F9DBF
≈ Blue Horizon
- 8785CE
≈ Brocade
사각 배색 +90° +180° +270°
- B6843C
Millionaire
- 45A37D
≈ Funk
- 5E92CF
≈ Bashful Blue
- BD739F
≈ Valentine Heart
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.30:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.35:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.35:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--millionaire: #b6843c;
--millionaire-rgb: 182 132 60;
--millionaire-oklch: oklch(0.649 0.108 73.7);
}
.element {
color: var(--millionaire);
background-color: hsl(35 50% 47%);
border-color: oklch(0.649 0.108 73.7);
}Tailwind CSS v4
@theme {
--color-millionaire: #b6843c;
--color-millionaire-50: #fff2d4;
--color-millionaire-100: #fde4c1;
--color-millionaire-200: #efcfa1;
--color-millionaire-300: #d8b078;
--color-millionaire-400: #c59452;
--color-millionaire-500: #b07a24;
--color-millionaire-600: #956721;
--color-millionaire-700: #78521a;
--color-millionaire-800: #593b11;
--color-millionaire-900: #3e290b;
--color-millionaire-950: #281601;
}SCSS
$millionaire: #b6843c;
$millionaire-rgb: 182, 132, 60;
$millionaire-light: mix(#fff, $millionaire, 20%);
$millionaire-dark: mix(#000, $millionaire, 20%);
.element {
color: $millionaire;
box-shadow: 0 0 0 2px rgba($millionaire, 0.35);
}