가장 가까운 이름 색상 · #CE7100
#CE7100
가장 가까운 이름 색상: Maine Coon Orange
#CE7100(rgb(206 113 0), hsl(33 100% 40%), oklch(0.641 0.152 58.9))와 가장 가까운 이름 색상은 Maine Coon Orange입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CE7100
oklch(0.641 0.152 58.9)
색상 변환
- HEX
- #ce7100
- RGB
- rgb(206 113 0)
- HSL
- hsl(33 100% 40%)
- HWB
- hwb(33 0% 19%)
- OKLCH
- oklch(0.641 0.152 58.9)
- OKLab
- oklab(0.641 0.079 0.13)
- CIE Lab
- lab(57.63 33.34 64.91)
- LCH
- lch(57.63 72.97 62.8)
- CMYK
- cmyk(0% 45% 100% 19%)
틴트 · 셰이드 · 톤
틴트
- D48033
- DA8E4F
- E09D67
- E5AB7D
- EAB993
- EFC7A9
- F3D5BE
- F7E3D4
- FBF1E9
셰이드
- B36100
- 985200
- 7F4300
- 663500
- 4E2700
- 381A00
- 230E00
- 0F0400
- 020100
톤
- C77424
- BF7635
- B87842
- B07A4D
- A97B57
- A17C60
- 997E69
- 917F71
- 897F79
색 조화
보색 +180°
- CE7100
Maine Coon Orange
- 0096D9
≈ Kahu Blue
유사색 -30° +30°
- CE7100
Maine Coon Orange
- D96254
≈ Deep Sea Coral
- AC8700
≈ Chestnut Gold
삼각 배색 +120° +240°
- CE7100
Maine Coon Orange
- 00A38E
≈ Fishy House
- 9A74DB
≈ Iridescent Purple
분열 보색 +150° +210°
- CE7100
Maine Coon Orange
- 009EB0
≈ Lake Blue
- 6785E8
≈ Soft Blue
사각 배색 +90° +180° +270°
- CE7100
Maine Coon Orange
- 39A556
≈ Fruit Salad
- 0096D9
≈ Kahu Blue
- BD67B9
≈ Lavendless
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.50:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.98:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 5.98:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--maine-coon-orange: #ce7100;
--maine-coon-orange-rgb: 206 113 0;
--maine-coon-orange-oklch: oklch(0.641 0.152 58.9);
}
.element {
color: var(--maine-coon-orange);
background-color: hsl(33 100% 40%);
border-color: oklch(0.641 0.152 58.9);
}Tailwind CSS v4
@theme {
--color-maine-coon-orange: #ce7100;
--color-maine-coon-orange-50: #ffecca;
--color-maine-coon-orange-100: #ffddb5;
--color-maine-coon-orange-200: #ffc691;
--color-maine-coon-orange-300: #f0a462;
--color-maine-coon-orange-400: #df8532;
--color-maine-coon-orange-500: #cd6600;
--color-maine-coon-orange-600: #ad5700;
--color-maine-coon-orange-700: #8b4600;
--color-maine-coon-orange-800: #683100;
--color-maine-coon-orange-900: #492200;
--color-maine-coon-orange-950: #301000;
}SCSS
$maine-coon-orange: #ce7100;
$maine-coon-orange-rgb: 206, 113, 0;
$maine-coon-orange-light: mix(#fff, $maine-coon-orange, 20%);
$maine-coon-orange-dark: mix(#000, $maine-coon-orange, 20%);
.element {
color: $maine-coon-orange;
box-shadow: 0 0 0 2px rgba($maine-coon-orange, 0.35);
}