이름 색상 · #EE2288
Cruel Jewel
Cruel Jewel은(는) #EE2288: rgb(238 34 136), hsl(330 86% 53%), oklch(0.627 0.24 357.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Cruel Jewel color name →
#EE2288
oklch(0.627 0.24 357.9)
색상 변환
- HEX
- #ee2288
- RGB
- rgb(238 34 136)
- HSL
- hsl(330 86% 53%)
- HWB
- hwb(330 13% 7%)
- OKLCH
- oklch(0.627 0.24 357.9)
- OKLab
- oklab(0.627 0.24 -0.009)
- CIE Lab
- lab(53.67 76.97 -2.31)
- LCH
- lch(53.67 77.01 358.3)
- CMYK
- cmyk(0% 86% 43% 7%)
틴트 · 셰이드 · 톤
틴트
- F34793
- F8619F
- FB78AA
- FE8DB6
- FFA1C2
- FFB4CE
- FFC7DA
- FFDAE6
- FFECF3
셰이드
- CF1C75
- B11663
- 931152
- 770B41
- 5C0731
- 420322
- 2A0113
- 140006
- 030001
톤
- E53887
- DB4686
- D15286
- C75B85
- BD6384
- B26A83
- A67082
- 9A7682
- 8E7B81
색 조화
보색 +180°
- EE2288
Cruel Jewel
- 009F88
≈ Reptilian Green
유사색 -30° +30°
- EE2288
Cruel Jewel
- CF3DD0
≈ Steel Pink
- F82524
≈ Raspberry Rave
삼각 배색 +120° +240°
- EE2288
Cruel Jewel
- 819300
≈ Mossy Woods
- 0092D1
≈ Rich Electric Blue
분열 보색 +150° +210°
- EE2288
Cruel Jewel
- 00A440
≈ Poetic Green
- 009AAA
≈ Aquarium Diver
사각 배색 +90° +180° +270°
- EE2288
Cruel Jewel
- A98200
≈ Chestnut Gold
- 009F88
≈ Reptilian Green
- 557CFF
≈ C64 NTSC
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.02:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.21:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.21:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--cruel-jewel: #ee2288;
--cruel-jewel-rgb: 238 34 136;
--cruel-jewel-oklch: oklch(0.627 0.24 357.9);
}
.element {
color: var(--cruel-jewel);
background-color: hsl(330 86% 53%);
border-color: oklch(0.627 0.24 357.9);
}Tailwind CSS v4
@theme {
--color-cruel-jewel: #ee2288;
--color-cruel-jewel-50: #ffd9f2;
--color-cruel-jewel-100: #ffc6e5;
--color-cruel-jewel-200: #ffa6d0;
--color-cruel-jewel-300: #ff7bb3;
--color-cruel-jewel-400: #ff4d9e;
--color-cruel-jewel-500: #f40086;
--color-cruel-jewel-600: #ce0071;
--color-cruel-jewel-700: #a6005b;
--color-cruel-jewel-800: #7b0045;
--color-cruel-jewel-900: #570230;
--color-cruel-jewel-950: #3a001c;
}SCSS
$cruel-jewel: #ee2288;
$cruel-jewel-rgb: 238, 34, 136;
$cruel-jewel-light: mix(#fff, $cruel-jewel, 20%);
$cruel-jewel-dark: mix(#000, $cruel-jewel, 20%);
.element {
color: $cruel-jewel;
box-shadow: 0 0 0 2px rgba($cruel-jewel, 0.35);
}