이름 색상 · #D19FE8
Bright Ube
Bright Ube은(는) #D19FE8: rgb(209 159 232), hsl(281 61% 77%), oklch(0.774 0.115 314.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Bright Ube color name →
#D19FE8
oklch(0.774 0.115 314.8)
색상 변환
- HEX
- #d19fe8
- RGB
- rgb(209 159 232)
- HSL
- hsl(281 61% 77%)
- HWB
- hwb(281 62% 9%)
- OKLCH
- oklch(0.774 0.115 314.8)
- OKLab
- oklab(0.774 0.081 -0.081)
- CIE Lab
- lab(72.18 28.7 -29.67)
- LCH
- lch(72.18 41.28 314)
- CMYK
- cmyk(10% 31% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- D6A9EB
- DAB2ED
- DFBCF0
- E4C5F2
- E8CFF4
- EDD9F7
- F1E2F9
- F6ECFB
- FBF5FD
셰이드
- B58ACA
- 9B75AC
- 816190
- 684D74
- 503B59
- 392940
- 231829
- 100913
- 020103
톤
- C99CDD
- C099D3
- B896C8
- B093BE
- A890B3
- A08DA9
- 988A9F
- 908794
- 88838A
색 조화
보색 +180°
- D19FE8
Bright Ube
- 96C67A
≈ Lime Parfait
유사색 -30° +30°
- D19FE8
Bright Ube
- AEABFC
≈ Shy Moment
- EA97C6
≈ Blossoms in Spring
삼각 배색 +120° +240°
- D19FE8
Bright Ube
- E0AB5D
≈ Sahara Shade
- 44CCCC
≈ May Day
분열 보색 +150° +210°
- D19FE8
Bright Ube
- C0BA5E
≈ Columbian Gold
- 66CDA3
≈ Aquarium Blue
사각 배색 +90° +180° +270°
- D19FE8
Bright Ube
- F29D77
≈ Orange Pecan
- 96C67A
≈ Lime Parfait
- 56C5EC
≈ Clean Pool
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.13:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.83:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--bright-ube: #d19fe8;
--bright-ube-rgb: 209 159 232;
--bright-ube-oklch: oklch(0.774 0.115 314.8);
}
.element {
color: var(--bright-ube);
background-color: hsl(281 61% 77%);
border-color: oklch(0.774 0.115 314.8);
}Tailwind CSS v4
@theme {
--color-bright-ube: #d19fe8;
--color-bright-ube-50: #ffecff;
--color-bright-ube-100: #f8ddff;
--color-bright-ube-200: #e8c6f5;
--color-bright-ube-300: #cfa5df;
--color-bright-ube-400: #b889cd;
--color-bright-ube-500: #a26dba;
--color-bright-ube-600: #895d9d;
--color-bright-ube-700: #6e4a7e;
--color-bright-ube-800: #50365e;
--color-bright-ube-900: #382542;
--color-bright-ube-950: #22132b;
}SCSS
$bright-ube: #d19fe8;
$bright-ube-rgb: 209, 159, 232;
$bright-ube-light: mix(#fff, $bright-ube, 20%);
$bright-ube-dark: mix(#000, $bright-ube, 20%);
.element {
color: $bright-ube;
box-shadow: 0 0 0 2px rgba($bright-ube, 0.35);
}