이름 색상 · #DE55A9
Orion
Orion은(는) #DE55A9: rgb(222 85 169), hsl(323 67% 60%), oklch(0.654 0.192 345.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Orion color name →
#DE55A9
oklch(0.654 0.192 345.9)
색상 변환
- HEX
- #de55a9
- RGB
- rgb(222 85 169)
- HSL
- hsl(323 67% 60%)
- HWB
- hwb(323 33% 13%)
- OKLCH
- oklch(0.654 0.192 345.9)
- OKLab
- oklab(0.654 0.186 -0.047)
- CIE Lab
- lab(57.24 60.37 -16.84)
- LCH
- lch(57.24 62.68 344.4)
- CMYK
- cmyk(0% 62% 24% 13%)
틴트 · 셰이드 · 톤
틴트
- E368B1
- E87BBA
- ED8CC3
- F19DCB
- F5ADD4
- F8BEDC
- FACEE5
- FCDEEE
- FEEFF6
셰이드
- C14992
- A53D7C
- 893167
- 6F2653
- 551C3F
- 3D112C
- 26081B
- 12020A
- 020001
톤
- D65CA5
- CD62A1
- C4679D
- BB6C99
- B27095
- A97491
- 9F778C
- 957A88
- 8B7D84
색 조화
보색 +180°
- DE55A9
Orion
- 00AA7D
≈ Simply Green
유사색 -30° +30°
- DE55A9
Orion
- BD64DE
≈ Rich Lilac
- EE5167
≈ Bara Red
삼각 배색 +120° +240°
- DE55A9
Orion
- 9C9500
≈ Papyrus
- 009FCA
≈ Blue Ocean
분열 보색 +150° +210°
- DE55A9
Orion
- 53A908
≈ Yoshi
- 00A5A7
≈ Wax Crayon Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.51:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.97:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 5.97:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--orion: #de55a9;
--orion-rgb: 222 85 169;
--orion-oklch: oklch(0.654 0.192 345.9);
}
.element {
color: var(--orion);
background-color: hsl(323 67% 60%);
border-color: oklch(0.654 0.192 345.9);
}Tailwind CSS v4
@theme {
--color-orion: #de55a9;
--color-orion-50: #ffdfff;
--color-orion-100: #ffcef3;
--color-orion-200: #ffb2e3;
--color-orion-300: #fe8cc9;
--color-orion-400: #eb68b6;
--color-orion-500: #d83fa1;
--color-orion-600: #b73788;
--color-orion-700: #932c6d;
--color-orion-800: #6d1f52;
--color-orion-900: #4d1439;
--color-orion-950: #320524;
}SCSS
$orion: #de55a9;
$orion-rgb: 222, 85, 169;
$orion-light: mix(#fff, $orion, 20%);
$orion-dark: mix(#000, $orion, 20%);
.element {
color: $orion;
box-shadow: 0 0 0 2px rgba($orion, 0.35);
}