이름 색상 · #FF2288
Reliquial Rose
Reliquial Rose은(는) #FF2288: rgb(255 34 136), hsl(332 100% 57%), oklch(0.656 0.252 1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Reliquial Rose color name →
#FF2288
oklch(0.656 0.252 1)
색상 변환
- HEX
- #ff2288
- RGB
- rgb(255 34 136)
- HSL
- hsl(332 100% 57%)
- HWB
- hwb(332 13% 0%)
- OKLCH
- oklch(0.656 0.252 1)
- OKLab
- oklab(0.656 0.252 0.004)
- CIE Lab
- lab(56.97 81.05 2.94)
- LCH
- lch(56.97 81.1 2.1)
- CMYK
- cmyk(0% 87% 47% 0%)
틴트 · 셰이드 · 톤
틴트
- FF4993
- FF649F
- FF7BAA
- FF8FB6
- FFA3C2
- FFB6CE
- FFC9DA
- FFDBE6
- FFEDF3
셰이드
- DE1C75
- BE1663
- 9E1152
- 800B41
- 630731
- 480322
- 2E0113
- 160006
- 030001
톤
- F43987
- E84986
- DD5486
- D15D85
- C56584
- B86C83
- AC7282
- 9E7782
- 907C81
색 조화
보색 +180°
- FF2288
Reliquial Rose
- 00A895
≈ Persian Green
유사색 -30° +30°
- FF2288
Reliquial Rose
- E03ED6
≈ Méi Gūi Zǐ Purple
- FF3F26
≈ Spiritstone Red
삼각 배색 +120° +240°
- FF2288
Reliquial Rose
- 849E00
≈ Noxious
- 009AE5
≈ Atmosphere
분열 보색 +150° +210°
- FF2288
Reliquial Rose
- 00AE54
≈ Rita Repulsa
- 00A3B8
≈ January Blue
사각 배색 +90° +180° +270°
- FF2288
Reliquial Rose
- B08D00
≈ Cobra Leather
- 00A895
≈ Persian Green
- 6985FF
≈ Deep Denim
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.59:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 5.83:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 5.83:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--reliquial-rose: #ff2288;
--reliquial-rose-rgb: 255 34 136;
--reliquial-rose-oklch: oklch(0.656 0.252 1);
}
.element {
color: var(--reliquial-rose);
background-color: hsl(332 100% 57%);
border-color: oklch(0.656 0.252 1);
}Tailwind CSS v4
@theme {
--color-reliquial-rose: #ff2288;
--color-reliquial-rose-50: #ffd7ee;
--color-reliquial-rose-100: #ffc4e0;
--color-reliquial-rose-200: #ffa3ca;
--color-reliquial-rose-300: #ff76ab;
--color-reliquial-rose-400: #ff4496;
--color-reliquial-rose-500: #fa007c;
--color-reliquial-rose-600: #d30069;
--color-reliquial-rose-700: #aa0054;
--color-reliquial-rose-800: #7f0040;
--color-reliquial-rose-900: #5a002c;
--color-reliquial-rose-950: #3c0019;
}SCSS
$reliquial-rose: #ff2288;
$reliquial-rose-rgb: 255, 34, 136;
$reliquial-rose-light: mix(#fff, $reliquial-rose, 20%);
$reliquial-rose-dark: mix(#000, $reliquial-rose, 20%);
.element {
color: $reliquial-rose;
box-shadow: 0 0 0 2px rgba($reliquial-rose, 0.35);
}