이름 색상 · #E9D1DA
Orchid Rose
Orchid Rose은(는) #E9D1DA: rgb(233 209 218), hsl(338 35% 87%), oklch(0.883 0.029 353). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Orchid Rose color name →
#E9D1DA
oklch(0.883 0.029 353)
색상 변환
- HEX
- #e9d1da
- RGB
- rgb(233 209 218)
- HSL
- hsl(338 35% 87%)
- HWB
- hwb(338 82% 9%)
- OKLCH
- oklch(0.883 0.029 353)
- OKLab
- oklab(0.883 0.029 -0.004)
- CIE Lab
- lab(86.05 9.75 -1.25)
- LCH
- lch(86.05 9.83 352.7)
- CMYK
- cmyk(0% 10% 6% 9%)
틴트 · 셰이드 · 톤
틴트
- EBD6DE
- EEDAE1
- F0DFE5
- F2E3E9
- F4E8EC
- F6ECF0
- F9F1F4
- FBF6F8
- FDFAFB
셰이드
- CBB5BD
- AD9BA2
- 908187
- 74686C
- 5A5054
- 41393C
- 292325
- 131011
- 030202
톤
- DEC9D1
- D3C0C7
- C8B8BE
- BEB0B5
- B3A8AC
- A9A0A3
- 9E989A
- 949091
- 8A8889
색 조화
보색 +180°
- E9D1DA
Orchid Rose
- C6DFD7
≈ Ulthuan Grey
유사색 -30° +30°
- E9D1DA
Orchid Rose
- E2D2E4
≈ Purplish White
- EBD1CF
≈ Innocence
삼각 배색 +120° +240°
- E9D1DA
Orchid Rose
- D8DBC5
≈ Silver Laurel
- C6DCE9
≈ King of Waves
분열 보색 +150° +210°
- E9D1DA
Orchid Rose
- CEDECC
≈ St. Augustine
- C3DFE1
≈ Trevi Fountain
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.59:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.59:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--orchid-rose: #e9d1da;
--orchid-rose-rgb: 233 209 218;
--orchid-rose-oklch: oklch(0.883 0.029 353);
}
.element {
color: var(--orchid-rose);
background-color: hsl(338 35% 87%);
border-color: oklch(0.883 0.029 353);
}Tailwind CSS v4
@theme {
--color-orchid-rose: #e9d1da;
--color-orchid-rose-50: #fdf2f5;
--color-orchid-rose-100: #f0e4e8;
--color-orchid-rose-200: #dfcfd5;
--color-orchid-rose-300: #c4b2b8;
--color-orchid-rose-400: #ad98a0;
--color-orchid-rose-500: #967f88;
--color-orchid-rose-600: #7f6b73;
--color-orchid-rose-700: #66565c;
--color-orchid-rose-800: #4b3e44;
--color-orchid-rose-900: #342b2f;
--color-orchid-rose-950: #1f181b;
}SCSS
$orchid-rose: #e9d1da;
$orchid-rose-rgb: 233, 209, 218;
$orchid-rose-light: mix(#fff, $orchid-rose, 20%);
$orchid-rose-dark: mix(#000, $orchid-rose, 20%);
.element {
color: $orchid-rose;
box-shadow: 0 0 0 2px rgba($orchid-rose, 0.35);
}