이름 색상 · #C07C40
Brandy Punch
Brandy Punch은(는) #C07C40: rgb(192 124 64), hsl(28 50% 50%), oklch(0.646 0.114 60). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Brandy Punch color name →
#C07C40
oklch(0.646 0.114 60)
색상 변환
- HEX
- #c07c40
- RGB
- rgb(192 124 64)
- HSL
- hsl(28 50% 50%)
- HWB
- hwb(28 25% 25%)
- OKLCH
- oklch(0.646 0.114 60)
- OKLab
- oklab(0.646 0.057 0.098)
- CIE Lab
- lab(58.5 23.18 43.36)
- LCH
- lch(58.5 49.17 61.9)
- CMYK
- cmyk(0% 35% 67% 25%)
틴트 · 셰이드 · 톤
틴트
- C78955
- CE9668
- D4A37B
- DBB08E
- E1BDA1
- E8CAB3
- EED7C6
- F4E4D9
- F9F2EC
셰이드
- A76B36
- 8E5A2D
- 764A24
- 5F3B1B
- 492C13
- 341E0B
- 201105
- 0E0501
- 020100
톤
- BA7D49
- B47E50
- AE7E58
- A77F5E
- A17F64
- 9B806A
- 948070
- 8E8076
- 87807B
색 조화
보색 +180°
- C07C40
Brandy Punch
- 4396CC
≈ Perfect Sky
유사색 -30° +30°
- C07C40
Brandy Punch
- CA7264
≈ It’s My Party
- A98A2F
≈ Camel Toe
삼각 배색 +120° +240°
- C07C40
Brandy Punch
- 16A490
≈ Fishy House
- 997DC9
≈ Wisteria
분열 보색 +150° +210°
- C07C40
Brandy Punch
- 00A0B3
≈ Breaking Wave
- 738AD3
≈ Violets Are Blue
사각 배색 +90° +180° +270°
- C07C40
Brandy Punch
- 56A168
≈ Mosaic Green
- 4396CC
≈ Perfect Sky
- B573AF
≈ Moonlight Melody
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.38:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.19:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.19:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--brandy-punch: #c07c40;
--brandy-punch-rgb: 192 124 64;
--brandy-punch-oklch: oklch(0.646 0.114 60);
}
.element {
color: var(--brandy-punch);
background-color: hsl(28 50% 50%);
border-color: oklch(0.646 0.114 60);
}Tailwind CSS v4
@theme {
--color-brandy-punch: #c07c40;
--color-brandy-punch-50: #ffefd5;
--color-brandy-punch-100: #ffe0c2;
--color-brandy-punch-200: #f8caa3;
--color-brandy-punch-300: #e2ab7a;
--color-brandy-punch-400: #d08e56;
--color-brandy-punch-500: #bc722b;
--color-brandy-punch-600: #9f6127;
--color-brandy-punch-700: #7f4d1f;
--color-brandy-punch-800: #5f3715;
--color-brandy-punch-900: #43260e;
--color-brandy-punch-950: #2b1402;
}SCSS
$brandy-punch: #c07c40;
$brandy-punch-rgb: 192, 124, 64;
$brandy-punch-light: mix(#fff, $brandy-punch, 20%);
$brandy-punch-dark: mix(#000, $brandy-punch, 20%);
.element {
color: $brandy-punch;
box-shadow: 0 0 0 2px rgba($brandy-punch, 0.35);
}