이름 색상 · #AD0AFD
Bright Violet
Bright Violet은(는) #AD0AFD: rgb(173 10 253), hsl(280 98% 52%), oklch(0.585 0.296 308.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Bright Violet color name →
#AD0AFD
oklch(0.585 0.296 308.2)
색상 변환
- HEX
- #ad0afd
- RGB
- rgb(173 10 253)
- HSL
- hsl(280 98% 52%)
- HWB
- hwb(280 4% 1%)
- OKLCH
- oklch(0.585 0.296 308.2)
- OKLab
- oklab(0.585 0.183 -0.232)
- CIE Lab
- lab(46.27 79.17 -82.65)
- LCH
- lch(46.27 114.45 313.8)
- CMYK
- cmyk(32% 96% 0% 1%)
틴트 · 셰이드 · 톤
틴트
- B541FF
- BD5EFF
- C676FF
- CE8CFF
- D6A0FF
- DEB4FF
- E6C7FF
- EFDAFF
- F7ECFF
셰이드
- 9607DC
- 7F05BC
- 6A039D
- 55027F
- 410162
- 2D0147
- 1B002D
- 0B0016
- 010003
톤
- A930F1
- A442E5
- A04FD9
- 9B59CD
- 9762C1
- 926AB4
- 8E70A8
- 89769B
- 857B8E
색 조화
보색 +180°
- AD0AFD
Bright Violet
- 618C00
≈ Sap Green
유사색 -30° +30°
- AD0AFD
Bright Violet
- 655FFF
≈ Blue Genie
- D200AE
≈ Perfectly Purple Place
삼각 배색 +120° +240°
- AD0AFD
Bright Violet
- AD6B00
≈ Caramel
- 008F87
≈ Aqua Experience
분열 보색 +150° +210°
- AD0AFD
Bright Violet
- 8F7C00
≈ Moscow Papyrus
- 00935C
≈ Green Gloss
사각 배색 +90° +180° +270°
- AD0AFD
Bright Violet
- D44300
≈ Lava Smoothie
- 618C00
≈ Sap Green
- 008AA5
≈ Capri Breeze
대비 및 접근성
Ag
AA흰색 위
WCAG 4.95:1 · APCA Lc 72
Ag
Fail검은색 위
WCAG 4.23:1 · APCA Lc 30
가장 좋은 글자색: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--bright-violet: #ad0afd;
--bright-violet-rgb: 173 10 253;
--bright-violet-oklch: oklch(0.585 0.296 308.2);
}
.element {
color: var(--bright-violet);
background-color: hsl(280 98% 52%);
border-color: oklch(0.585 0.296 308.2);
}Tailwind CSS v4
@theme {
--color-bright-violet: #ad0afd;
--color-bright-violet-50: #ffdeff;
--color-bright-violet-100: #ffcbff;
--color-bright-violet-200: #fbadff;
--color-bright-violet-300: #e582ff;
--color-bright-violet-400: #cf56ff;
--color-bright-violet-500: #bd00ff;
--color-bright-violet-600: #9f00ea;
--color-bright-violet-700: #8007bd;
--color-bright-violet-800: #5d0590;
--color-bright-violet-900: #410566;
--color-bright-violet-950: #2a0047;
}SCSS
$bright-violet: #ad0afd;
$bright-violet-rgb: 173, 10, 253;
$bright-violet-light: mix(#fff, $bright-violet, 20%);
$bright-violet-dark: mix(#000, $bright-violet, 20%);
.element {
color: $bright-violet;
box-shadow: 0 0 0 2px rgba($bright-violet, 0.35);
}