이름 색상 · #434C28
Bronze Tone
Bronze Tone은(는) #434C28: rgb(67 76 40), hsl(75 31% 23%), oklch(0.399 0.057 120.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Bronze Tone color name →
#434C28
oklch(0.399 0.057 120.5)
색상 변환
- HEX
- #434c28
- RGB
- rgb(67 76 40)
- HSL
- hsl(75 31% 23%)
- HWB
- hwb(75 16% 70%)
- OKLCH
- oklch(0.399 0.057 120.5)
- OKLab
- oklab(0.399 -0.029 0.049)
- CIE Lab
- lab(30.78 -8.77 20.06)
- LCH
- lch(30.78 21.89 113.6)
- CMYK
- cmyk(12% 0% 47% 70%)
틴트 · 셰이드 · 톤
틴트
- 545C3C
- 656D4F
- 767E64
- 898F78
- 9BA18E
- AFB3A4
- C2C6BA
- D6D9D0
- EAECE8
셰이드
- 394121
- 2F361B
- 262C15
- 1D220F
- 141809
- 0C0F04
- 050602
- 010201
- 000000
톤
- 495131
- 4F563A
- 545B42
- 5A614B
- 616654
- 676B5C
- 6D7065
- 73756E
- 7A7B77
색 조화
보색 +180°
- 434C28
Bronze Tone
- 4C4061
≈ Powerful Mauve
유사색 -30° +30°
- 434C28
Bronze Tone
- 534621
≈ Uniform Green
- 305037
≈ Moselle Green
삼각 배색 +120° +240°
- 434C28
Bronze Tone
- 294B63
≈ Majolica Blue
- 613A46
≈ Tawny Port
분열 보색 +150° +210°
- 434C28
Bronze Tone
- 3C4666
≈ Bonne Nuit
- 593C56
≈ Mexican Purple
사각 배색 +90° +180° +270°
- 434C28
Bronze Tone
- 1A5058
≈ Deep Sanction
- 4C4061
≈ Powerful Mauve
- 623B35
≈ Manzanita
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.11:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.30:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.11:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--bronze-tone: #434c28;
--bronze-tone-rgb: 67 76 40;
--bronze-tone-oklch: oklch(0.399 0.057 120.5);
}
.element {
color: var(--bronze-tone);
background-color: hsl(75 31% 23%);
border-color: oklch(0.399 0.057 120.5);
}Tailwind CSS v4
@theme {
--color-bronze-tone: #434c28;
--color-bronze-tone-50: #f2f8e6;
--color-bronze-tone-100: #e4ebd7;
--color-bronze-tone-200: #d0d9be;
--color-bronze-tone-300: #b2bd9d;
--color-bronze-tone-400: #99a47e;
--color-bronze-tone-500: #818c61;
--color-bronze-tone-600: #6d7753;
--color-bronze-tone-700: #575f42;
--color-bronze-tone-800: #40452f;
--color-bronze-tone-900: #2c3020;
--color-bronze-tone-950: #191c0f;
}SCSS
$bronze-tone: #434c28;
$bronze-tone-rgb: 67, 76, 40;
$bronze-tone-light: mix(#fff, $bronze-tone, 20%);
$bronze-tone-dark: mix(#000, $bronze-tone, 20%);
.element {
color: $bronze-tone;
box-shadow: 0 0 0 2px rgba($bronze-tone, 0.35);
}