이름 색상 · #CC7733
Ochre Maroon
Ochre Maroon은(는) #CC7733: rgb(204 119 51), hsl(27 60% 50%), oklch(0.651 0.134 55.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Ochre Maroon color name →
#CC7733
oklch(0.651 0.134 55.8)
색상 변환
- HEX
- #cc7733
- RGB
- rgb(204 119 51)
- HSL
- hsl(27 60% 50%)
- HWB
- hwb(27 20% 20%)
- OKLCH
- oklch(0.651 0.134 55.8)
- OKLab
- oklab(0.651 0.075 0.11)
- CIE Lab
- lab(58.84 30.31 50.51)
- LCH
- lch(58.84 58.91 59)
- CMYK
- cmyk(0% 42% 75% 20%)
틴트 · 셰이드 · 톤
틴트
- D2854B
- D89361
- DEA075
- E3AE89
- E9BB9D
- EDC9B0
- F2D6C4
- F7E4D7
- FBF1EB
셰이드
- B1672B
- 975723
- 7E471C
- 653814
- 4E2A0D
- 371C07
- 221003
- 0F0501
- 020100
톤
- C5793F
- BE7A48
- B67B51
- AF7D59
- A87D60
- A07E67
- 987F6E
- 907F74
- 88807A
색 조화
보색 +180°
- CC7733
Ochre Maroon
- 1A9AD5
≈ Structural Blue
유사색 -30° +30°
- CC7733
Ochre Maroon
- D56C64
≈ Tory Red
- B48800
≈ Loden Yellow
삼각 배색 +120° +240°
- CC7733
Ochre Maroon
- 00A78C
≈ Moray Eel
- 977DD7
≈ Indigo Bloom
분열 보색 +150° +210°
- CC7733
Ochre Maroon
- 00A2B0
≈ Garish Blue
- 688CE1
≈ United Nations Blue
사각 배색 +90° +180° +270°
- CC7733
Ochre Maroon
- 53A55B
≈ Exploration Green
- 1A9AD5
≈ Structural Blue
- B871BB
≈ Lavendless
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.35:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.25:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.25:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--ochre-maroon: #cc7733;
--ochre-maroon-rgb: 204 119 51;
--ochre-maroon-oklch: oklch(0.651 0.134 55.8);
}
.element {
color: var(--ochre-maroon);
background-color: hsl(27 60% 50%);
border-color: oklch(0.651 0.134 55.8);
}Tailwind CSS v4
@theme {
--color-ochre-maroon: #cc7733;
--color-ochre-maroon-50: #ffedd0;
--color-ochre-maroon-100: #ffdebd;
--color-ochre-maroon-200: #ffc79c;
--color-ochre-maroon-300: #eba671;
--color-ochre-maroon-400: #da884a;
--color-ochre-maroon-500: #c76a11;
--color-ochre-maroon-600: #a85a14;
--color-ochre-maroon-700: #874811;
--color-ochre-maroon-800: #65330c;
--color-ochre-maroon-900: #472307;
--color-ochre-maroon-950: #2e1200;
}SCSS
$ochre-maroon: #cc7733;
$ochre-maroon-rgb: 204, 119, 51;
$ochre-maroon-light: mix(#fff, $ochre-maroon, 20%);
$ochre-maroon-dark: mix(#000, $ochre-maroon, 20%);
.element {
color: $ochre-maroon;
box-shadow: 0 0 0 2px rgba($ochre-maroon, 0.35);
}