가장 가까운 이름 색상 · #E22E27
#E22E27
가장 가까운 이름 색상: Ceremonial Red Ribbon
#E22E27(rgb(226 46 39), hsl(2 76% 52%), oklch(0.593 0.216 28.3))와 가장 가까운 이름 색상은 Ceremonial Red Ribbon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E22E27
oklch(0.593 0.216 28.3)
색상 변환
- HEX
- #e22e27
- RGB
- rgb(226 46 39)
- HSL
- hsl(2 76% 52%)
- HWB
- hwb(2 15% 11%)
- OKLCH
- oklch(0.593 0.216 28.3)
- OKLab
- oklab(0.593 0.19 0.102)
- CIE Lab
- lab(50.69 67.52 50.44)
- LCH
- lch(50.69 84.28 36.8)
- CMYK
- cmyk(0% 80% 83% 11%)
틴트 · 셰이드 · 톤
틴트
- E84D40
- EE6557
- F37A6C
- F78E81
- FAA295
- FDB5AA
- FFC7BF
- FFDAD4
- FFEDE9
셰이드
- C42720
- A81F1A
- 8C1814
- 71120E
- 570B08
- 3E0604
- 270202
- 120101
- 030000
톤
- DA3E34
- D14B3F
- C95549
- C05D52
- B7645A
- AD6B62
- A3716A
- 987671
- 8D7B79
색 조화
보색 +180°
- E22E27
Ceremonial Red Ribbon
- 008E9E
≈ Coral Coast
유사색 -30° +30°
- E22E27
Ceremonial Red Ribbon
- D92B7D
≈ Highlighter Lilac
- BA6500
≈ Camel Fur
삼각 배색 +120° +240°
- E22E27
Ceremonial Red Ribbon
- 00983D
≈ Green Revolution
- 4A6EFC
≈ Blue Heath Butterfly
분열 보색 +150° +210°
- E22E27
Ceremonial Red Ribbon
- 00937F
≈ Aqua Waters
- 0087C3
≈ Azul Caribe
사각 배색 +90° +180° +270°
- E22E27
Ceremonial Red Ribbon
- 778800
≈ Elwynn Forest Olive
- 008E9E
≈ Coral Coast
- 9254EA
≈ Navy Genesis Evangelion
대비 및 접근성
Ag
AA흰색 위
WCAG 4.51:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.65:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--ceremonial-red-ribbon: #e22e27;
--ceremonial-red-ribbon-rgb: 226 46 39;
--ceremonial-red-ribbon-oklch: oklch(0.593 0.216 28.3);
}
.element {
color: var(--ceremonial-red-ribbon);
background-color: hsl(2 76% 52%);
border-color: oklch(0.593 0.216 28.3);
}Tailwind CSS v4
@theme {
--color-ceremonial-red-ribbon: #e22e27;
--color-ceremonial-red-ribbon-50: #ffdfd0;
--color-ceremonial-red-ribbon-100: #ffcdbd;
--color-ceremonial-red-ribbon-200: #ffb09c;
--color-ceremonial-red-ribbon-300: #ff8772;
--color-ceremonial-red-ribbon-400: #ff5e4f;
--color-ceremonial-red-ribbon-500: #f42521;
--color-ceremonial-red-ribbon-600: #ce241f;
--color-ceremonial-red-ribbon-700: #a61d19;
--color-ceremonial-red-ribbon-800: #7c1214;
--color-ceremonial-red-ribbon-900: #580c0d;
--color-ceremonial-red-ribbon-950: #3b0002;
}SCSS
$ceremonial-red-ribbon: #e22e27;
$ceremonial-red-ribbon-rgb: 226, 46, 39;
$ceremonial-red-ribbon-light: mix(#fff, $ceremonial-red-ribbon, 20%);
$ceremonial-red-ribbon-dark: mix(#000, $ceremonial-red-ribbon, 20%);
.element {
color: $ceremonial-red-ribbon;
box-shadow: 0 0 0 2px rgba($ceremonial-red-ribbon, 0.35);
}