이름 색상 · #9B7757
Coco Rum
Coco Rum은(는) #9B7757: rgb(155 119 87), hsl(28 28% 47%), oklch(0.597 0.064 62.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Coco Rum color name →
#9B7757
oklch(0.597 0.064 62.8)
색상 변환
- HEX
- #9b7757
- RGB
- rgb(155 119 87)
- HSL
- hsl(28 28% 47%)
- HWB
- hwb(28 34% 39%)
- OKLCH
- oklch(0.597 0.064 62.8)
- OKLab
- oklab(0.597 0.029 0.057)
- CIE Lab
- lab(53.05 11.36 23.31)
- LCH
- lch(53.05 25.93 64)
- CMYK
- cmyk(0% 23% 44% 39%)
틴트 · 셰이드 · 톤
틴트
- A58467
- AF9177
- B99E87
- C3AC98
- CDB9A9
- D7C7B9
- E1D5CB
- EBE3DC
- F5F1ED
셰이드
- 86674B
- 72573E
- 5E4733
- 4B3827
- 392A1C
- 281C12
- 181008
- 090503
- 010100
톤
- 98785B
- 967960
- 937A64
- 917B68
- 8E7C6C
- 8B7D70
- 897E74
- 867E78
- 837F7C
색 조화
보색 +180°
- 9B7757
Coco Rum
- 5D84A3
≈ Blue Team Spirit
유사색 -30° +30°
- 9B7757
Coco Rum
- A27167
≈ Blast-Off Bronze
- 8C7F52
≈ Fennel Seed
삼각 배색 +120° +240°
- 9B7757
Coco Rum
- 518C83
≈ Sea Garden
- 87769F
≈ Smashed Grape
분열 보색 +150° +210°
- 9B7757
Coco Rum
- 4F8A96
≈ Blue Square
- 727DA6
≈ Lavender Violet
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.06:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.17:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--coco-rum: #9b7757;
--coco-rum-rgb: 155 119 87;
--coco-rum-oklch: oklch(0.597 0.064 62.8);
}
.element {
color: var(--coco-rum);
background-color: hsl(28 28% 47%);
border-color: oklch(0.597 0.064 62.8);
}Tailwind CSS v4
@theme {
--color-coco-rum: #9b7757;
--color-coco-rum-50: #fff2e3;
--color-coco-rum-100: #f8e4d2;
--color-coco-rum-200: #e8cfb8;
--color-coco-rum-300: #cfb196;
--color-coco-rum-400: #ba9777;
--color-coco-rum-500: #a57d59;
--color-coco-rum-600: #8b6a4c;
--color-coco-rum-700: #70553c;
--color-coco-rum-800: #533d2b;
--color-coco-rum-900: #3a2a1d;
--color-coco-rum-950: #24180d;
}SCSS
$coco-rum: #9b7757;
$coco-rum-rgb: 155, 119, 87;
$coco-rum-light: mix(#fff, $coco-rum, 20%);
$coco-rum-dark: mix(#000, $coco-rum, 20%);
.element {
color: $coco-rum;
box-shadow: 0 0 0 2px rgba($coco-rum, 0.35);
}