이름 색상 · #E6994C
Colorado Peach
Colorado Peach은(는) #E6994C: rgb(230 153 76), hsl(30 75% 60%), oklch(0.746 0.131 63.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Colorado Peach color name →
#E6994C
oklch(0.746 0.131 63.3)
색상 변환
- HEX
- #e6994c
- RGB
- rgb(230 153 76)
- HSL
- hsl(30 75% 60%)
- HWB
- hwb(30 30% 10%)
- OKLCH
- oklch(0.746 0.131 63.3)
- OKLab
- oklab(0.746 0.059 0.117)
- CIE Lab
- lab(70.09 24.65 51.63)
- LCH
- lch(70.09 57.21 64.5)
- CMYK
- cmyk(0% 33% 67% 10%)
틴트 · 셰이드 · 톤
틴트
- E9A461
- ECAE74
- EFB886
- F2C298
- F5CDA9
- F7D7BA
- F9E1CC
- FBEBDD
- FDF5EE
셰이드
- C88441
- AB7036
- 8E5D2C
- 734A22
- 593818
- 40270F
- 281706
- 130802
- 030100
톤
- DC9754
- D2955B
- C89361
- BD9067
- B38E6C
- A98B71
- 9F8975
- 958679
- 8A837D
색 조화
보색 +180°
- E6994C
Colorado Peach
- 5AB5F8
≈ Tiān Lán Sky
유사색 -30° +30°
- E6994C
Colorado Peach
- F38C75
≈ Corralize
- C9AA3C
≈ Oil Yellow
삼각 배색 +120° +240°
- E6994C
Colorado Peach
- 12C7B5
≈ Amazonite
- BE97F0
≈ Bright Lavender
분열 보색 +150° +210°
- E6994C
Colorado Peach
- 01C1DE
≈ Caribbean Blue
- 92A6FF
≈ Widowmaker
사각 배색 +90° +180° +270°
- E6994C
Colorado Peach
- 63C485
≈ Enamelled Dragon
- 5AB5F8
≈ Tiān Lán Sky
- DE8CCF
≈ Blushed Bombshell
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.02:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--colorado-peach: #e6994c;
--colorado-peach-rgb: 230 153 76;
--colorado-peach-oklch: oklch(0.746 0.131 63.3);
}
.element {
color: var(--colorado-peach);
background-color: hsl(30 75% 60%);
border-color: oklch(0.746 0.131 63.3);
}Tailwind CSS v4
@theme {
--color-colorado-peach: #e6994c;
--color-colorado-peach-50: #ffeecf;
--color-colorado-peach-100: #ffe0bb;
--color-colorado-peach-200: #fcc999;
--color-colorado-peach-300: #e6aa6d;
--color-colorado-peach-400: #d48c44;
--color-colorado-peach-500: #c16f00;
--color-colorado-peach-600: #a35f03;
--color-colorado-peach-700: #834c06;
--color-colorado-peach-800: #623605;
--color-colorado-peach-900: #452504;
--color-colorado-peach-950: #2c1300;
}SCSS
$colorado-peach: #e6994c;
$colorado-peach-rgb: 230, 153, 76;
$colorado-peach-light: mix(#fff, $colorado-peach, 20%);
$colorado-peach-dark: mix(#000, $colorado-peach, 20%);
.element {
color: $colorado-peach;
box-shadow: 0 0 0 2px rgba($colorado-peach, 0.35);
}