이름 색상 · #CB7841
Rhumba Orange
Rhumba Orange은(는) #CB7841: rgb(203 120 65), hsl(24 57% 53%), oklch(0.653 0.125 52.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Rhumba Orange color name →
#CB7841
oklch(0.653 0.125 52.3)
색상 변환
- HEX
- #cb7841
- RGB
- rgb(203 120 65)
- HSL
- hsl(24 57% 53%)
- HWB
- hwb(24 25% 20%)
- OKLCH
- oklch(0.653 0.125 52.3)
- OKLab
- oklab(0.653 0.077 0.099)
- CIE Lab
- lab(59.04 29.89 43.96)
- LCH
- lch(59.04 53.15 55.8)
- CMYK
- cmyk(0% 41% 68% 20%)
틴트 · 셰이드 · 톤
틴트
- D18656
- D79369
- DDA17C
- E3AE8F
- E8BCA1
- EDC9B4
- F2D6C6
- F6E4D9
- FBF1EC
셰이드
- B06737
- 96572E
- 7D4825
- 65391C
- 4D2A13
- 371D0B
- 221005
- 0F0501
- 020100
톤
- C4794A
- BD7B51
- B67C58
- AE7D5F
- A77E65
- 9F7E6B
- 987F70
- 907F76
- 88807B
색 조화
보색 +180°
- CB7841
Rhumba Orange
- 219CCF
≈ Blue Burst
유사색 -30° +30°
- CB7841
Rhumba Orange
- D16E6C
≈ Lippie
- B6871F
≈ University of California Gold
삼각 배색 +120° +240°
- CB7841
Rhumba Orange
- 07A888
≈ Moray Eel
- 9280D6
≈ Indigo Bloom
분열 보색 +150° +210°
- CB7841
Rhumba Orange
- 00A3AD
≈ Aare River Brienz
- 658FDC
≈ United Nations Blue
사각 배색 +90° +180° +270°
- CB7841
Rhumba Orange
- 60A35A
≈ Astroturf
- 219CCF
≈ Blue Burst
- B475BD
≈ Lavendless
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.33:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.30:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--rhumba-orange: #cb7841;
--rhumba-orange-rgb: 203 120 65;
--rhumba-orange-oklch: oklch(0.653 0.125 52.3);
}
.element {
color: var(--rhumba-orange);
background-color: hsl(24 57% 53%);
border-color: oklch(0.653 0.125 52.3);
}Tailwind CSS v4
@theme {
--color-rhumba-orange: #cb7841;
--color-rhumba-orange-50: #ffecd4;
--color-rhumba-orange-100: #ffdec1;
--color-rhumba-orange-200: #ffc6a2;
--color-rhumba-orange-300: #eaa679;
--color-rhumba-orange-400: #d88855;
--color-rhumba-orange-500: #c56b2a;
--color-rhumba-orange-600: #a75b25;
--color-rhumba-orange-700: #86481e;
--color-rhumba-orange-800: #643415;
--color-rhumba-orange-900: #46230d;
--color-rhumba-orange-950: #2d1202;
}SCSS
$rhumba-orange: #cb7841;
$rhumba-orange-rgb: 203, 120, 65;
$rhumba-orange-light: mix(#fff, $rhumba-orange, 20%);
$rhumba-orange-dark: mix(#000, $rhumba-orange, 20%);
.element {
color: $rhumba-orange;
box-shadow: 0 0 0 2px rgba($rhumba-orange, 0.35);
}