이름 색상 · #EE204D
Red Crayon
Red Crayon은(는) #EE204D: rgb(238 32 77), hsl(347 86% 53%), oklch(0.612 0.231 17.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Red Crayon color name →
#EE204D
oklch(0.612 0.231 17.5)
색상 변환
- HEX
- #ee204d
- RGB
- rgb(238 32 77)
- HSL
- hsl(347 86% 53%)
- HWB
- hwb(347 13% 7%)
- OKLCH
- oklch(0.612 0.231 17.5)
- OKLab
- oklab(0.612 0.221 0.07)
- CIE Lab
- lab(52.41 74.59 31.64)
- LCH
- lch(52.41 81.02 23)
- CMYK
- cmyk(0% 87% 68% 7%)
틴트 · 셰이드 · 톤
틴트
- F3465E
- F86170
- FC7781
- FF8C92
- FFA0A4
- FFB4B6
- FFC7C8
- FFDADA
- FFECEC
셰이드
- CF1A42
- B11537
- 930F2C
- 770A22
- 5C0618
- 42030F
- 2A0107
- 140002
- 030000
톤
- E53753
- DB4658
- D1515E
- C75B63
- BD6368
- B26A6D
- A77072
- 9B7677
- 8E7B7B
색 조화
보색 +180°
- EE204D
Red Crayon
- 00969A
≈ Sea Fantasy
유사색 -30° +30°
- EE204D
Red Crayon
- DD2C9D
≈ Melodramatic Magenta
- D15C00
≈ Exuberance
삼각 배색 +120° +240°
- EE204D
Red Crayon
- 429B00
≈ Grassy Green
- 147DFF
≈ Azure
분열 보색 +150° +210°
- EE204D
Red Crayon
- 009B74
≈ Golf Green
- 0091BB
≈ Swimmer
사각 배색 +90° +180° +270°
- EE204D
Red Crayon
- 8D8800
≈ Palak Paneer
- 00969A
≈ Sea Fantasy
- 8261FF
≈ Purple Anemone
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.24:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 4.94:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 4.94:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--red-crayon: #ee204d;
--red-crayon-rgb: 238 32 77;
--red-crayon-oklch: oklch(0.612 0.231 17.5);
}
.element {
color: var(--red-crayon);
background-color: hsl(347 86% 53%);
border-color: oklch(0.612 0.231 17.5);
}Tailwind CSS v4
@theme {
--color-red-crayon: #ee204d;
--color-red-crayon-50: #ffdbda;
--color-red-crayon-100: #ffc9c9;
--color-red-crayon-200: #ffaaac;
--color-red-crayon-300: #ff7f86;
--color-red-crayon-400: #ff516a;
--color-red-crayon-500: #fa0049;
--color-red-crayon-600: #d3013f;
--color-red-crayon-700: #aa0732;
--color-red-crayon-800: #7f0226;
--color-red-crayon-900: #5a0419;
--color-red-crayon-950: #3c000a;
}SCSS
$red-crayon: #ee204d;
$red-crayon-rgb: 238, 32, 77;
$red-crayon-light: mix(#fff, $red-crayon, 20%);
$red-crayon-dark: mix(#000, $red-crayon, 20%);
.element {
color: $red-crayon;
box-shadow: 0 0 0 2px rgba($red-crayon, 0.35);
}