이름 색상 · #FF09FF
Rainbow’s Inner Rim
Rainbow’s Inner Rim은(는) #FF09FF: rgb(255 9 255), hsl(300 100% 52%), oklch(0.703 0.321 328.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Rainbow’s Inner Rim color name →
#FF09FF
oklch(0.703 0.321 328.3)
색상 변환
- HEX
- #ff09ff
- RGB
- rgb(255 9 255)
- HSL
- hsl(300 100% 52%)
- HWB
- hwb(300 4% 0%)
- OKLCH
- oklch(0.703 0.321 328.3)
- OKLab
- oklab(0.703 0.273 -0.168)
- CIE Lab
- lab(60.34 93.04 -60.22)
- LCH
- lch(60.34 110.83 327.1)
- CMYK
- cmyk(0% 96% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- FF47FF
- FF65FF
- FF7DFF
- FF93FF
- FFA6FF
- FFB9FF
- FFCBFF
- FFDDFF
- FFEEFF
셰이드
- DE07DE
- BE05BE
- 9E039E
- 800280
- 630163
- 480148
- 2E002E
- 160016
- 030003
톤
- F334F2
- E747E6
- DB55D9
- CF5FCC
- C367C0
- B66EB3
- A974A7
- 9C799A
- 8E7D8D
색 조화
보색 +180°
- FF09FF
Rainbow’s Inner Rim
- 00BF4F
≈ Lǜ Sè Green
유사색 -30° +30°
- FF09FF
Rainbow’s Inner Rim
- AF82FF
≈ Lilac Geode
- FF599E
≈ Fuchsia Fever
삼각 배색 +120° +240°
- FF09FF
Rainbow’s Inner Rim
- C49900
≈ Rapeseed
- 00B3C7
≈ Antigua Blue
분열 보색 +150° +210°
- FF09FF
Rainbow’s Inner Rim
- 96AC00
≈ Barf Green
- 00B9A0
≈ Aare River
사각 배색 +90° +180° +270°
- FF09FF
Rainbow’s Inner Rim
- EA8000
≈ Bright Marigold
- 00BF4F
≈ Lǜ Sè Green
- 00ABF5
≈ Democrat
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.11:1 · APCA Lc 56
Ag
AA검은색 위
WCAG 6.73:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 6.73:1 (AA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--rainbow-s-inner-rim: #ff09ff;
--rainbow-s-inner-rim-rgb: 255 9 255;
--rainbow-s-inner-rim-oklch: oklch(0.703 0.321 328.3);
}
.element {
color: var(--rainbow-s-inner-rim);
background-color: hsl(300 100% 52%);
border-color: oklch(0.703 0.321 328.3);
}Tailwind CSS v4
@theme {
--color-rainbow-s-inner-rim: #ff09ff;
--color-rainbow-s-inner-rim-50: #ffd3ff;
--color-rainbow-s-inner-rim-100: #ffbfff;
--color-rainbow-s-inner-rim-200: #ff9cff;
--color-rainbow-s-inner-rim-300: #ff69ff;
--color-rainbow-s-inner-rim-400: #fa27f9;
--color-rainbow-s-inner-rim-500: #e900eb;
--color-rainbow-s-inner-rim-600: #c400c6;
--color-rainbow-s-inner-rim-700: #9e009f;
--color-rainbow-s-inner-rim-800: #74007a;
--color-rainbow-s-inner-rim-900: #520056;
--color-rainbow-s-inner-rim-950: #36003a;
}SCSS
$rainbow-s-inner-rim: #ff09ff;
$rainbow-s-inner-rim-rgb: 255, 9, 255;
$rainbow-s-inner-rim-light: mix(#fff, $rainbow-s-inner-rim, 20%);
$rainbow-s-inner-rim-dark: mix(#000, $rainbow-s-inner-rim, 20%);
.element {
color: $rainbow-s-inner-rim;
box-shadow: 0 0 0 2px rgba($rainbow-s-inner-rim, 0.35);
}