이름 색상 · #EE4411
Corn Poppy Cherry
Corn Poppy Cherry은(는) #EE4411: rgb(238 68 17), hsl(14 87% 50%), oklch(0.631 0.213 35.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Corn Poppy Cherry color name →
#EE4411
oklch(0.631 0.213 35.1)
색상 변환
- HEX
- #ee4411
- RGB
- rgb(238 68 17)
- HSL
- hsl(14 87% 50%)
- HWB
- hwb(14 7% 7%)
- OKLCH
- oklch(0.631 0.213 35.1)
- OKLab
- oklab(0.631 0.175 0.123)
- CIE Lab
- lab(55.28 64.38 63.58)
- LCH
- lch(55.28 90.49 44.6)
- CMYK
- cmyk(0% 71% 93% 7%)
틴트 · 셰이드 · 톤
틴트
- F35D37
- F77251
- FA8568
- FD987E
- FFAA93
- FFBBA9
- FFCCBE
- FFDDD4
- FFEEE9
셰이드
- CF3A0D
- B13009
- 932606
- 771D04
- 5C1402
- 420C01
- 2A0500
- 140200
- 030000
톤
- E44F29
- DB5838
- D06044
- C6664E
- BC6C58
- B17161
- A67569
- 9A7971
- 8D7D79
색 조화
보색 +180°
- EE4411
Corn Poppy Cherry
- 009AB3
≈ Caneel Bay
유사색 -30° +30°
- EE4411
Corn Poppy Cherry
- EA3B78
≈ Fantasy Romance
- C27400
≈ Dirty Orange
삼각 배색 +120° +240°
- EE4411
Corn Poppy Cherry
- 00A45E
≈ Alhambra Green
- 6B77FF
≈ Byzantine Night Blue
분열 보색 +150° +210°
- EE4411
Corn Poppy Cherry
- 009F92
≈ On a Whim
- 0090E2
≈ Bleu de France
사각 배색 +90° +180° +270°
- EE4411
Corn Poppy Cherry
- 739900
≈ Green Thumb
- 009AB3
≈ Caneel Bay
- A95CEE
≈ Orion Nebula
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.83:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.47:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.47:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--corn-poppy-cherry: #ee4411;
--corn-poppy-cherry-rgb: 238 68 17;
--corn-poppy-cherry-oklch: oklch(0.631 0.213 35.1);
}
.element {
color: var(--corn-poppy-cherry);
background-color: hsl(14 87% 50%);
border-color: oklch(0.631 0.213 35.1);
}Tailwind CSS v4
@theme {
--color-corn-poppy-cherry: #ee4411;
--color-corn-poppy-cherry-50: #ffe0ca;
--color-corn-poppy-cherry-100: #ffcfb5;
--color-corn-poppy-cherry-200: #ffb292;
--color-corn-poppy-cherry-300: #ff8b64;
--color-corn-poppy-cherry-400: #ff623a;
--color-corn-poppy-cherry-500: #f22f00;
--color-corn-poppy-cherry-600: #cd2b00;
--color-corn-poppy-cherry-700: #a52300;
--color-corn-poppy-cherry-800: #7b1601;
--color-corn-poppy-cherry-900: #570f02;
--color-corn-poppy-cherry-950: #3a0000;
}SCSS
$corn-poppy-cherry: #ee4411;
$corn-poppy-cherry-rgb: 238, 68, 17;
$corn-poppy-cherry-light: mix(#fff, $corn-poppy-cherry, 20%);
$corn-poppy-cherry-dark: mix(#000, $corn-poppy-cherry, 20%);
.element {
color: $corn-poppy-cherry;
box-shadow: 0 0 0 2px rgba($corn-poppy-cherry, 0.35);
}