이름 색상 · #D891EF
Bright Lilac
Bright Lilac은(는) #D891EF: rgb(216 145 239), hsl(285 75% 75%), oklch(0.761 0.15 317.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Bright Lilac color name →
#D891EF
oklch(0.761 0.15 317.6)
색상 변환
- HEX
- #d891ef
- RGB
- rgb(216 145 239)
- HSL
- hsl(285 75% 75%)
- HWB
- hwb(285 57% 6%)
- OKLCH
- oklch(0.761 0.15 317.6)
- OKLab
- oklab(0.761 0.111 -0.101)
- CIE Lab
- lab(70.04 39.21 -36.69)
- LCH
- lch(70.04 53.7 316.9)
- CMYK
- cmyk(10% 39% 0% 6%)
틴트 · 셰이드 · 톤
틴트
- DC9CF1
- E0A8F3
- E5B3F5
- E9BEF7
- ECC9F8
- F0D4FA
- F4DEFB
- F8E9FD
- FBF4FE
셰이드
- BC7DD0
- A06AB1
- 855894
- 6B4678
- 53355C
- 3B2542
- 25152A
- 110714
- 020103
톤
- CF90E4
- C68FD8
- BD8DCD
- B58CC2
- AC8AB7
- A388AC
- 9A86A1
- 918496
- 89828B
색 조화
보색 +180°
- D891EF
Bright Lilac
- 80C765
≈ Energise
유사색 -30° +30°
- D891EF
Bright Lilac
- ADA3FF
≈ Shy Moment
- F587C3
≈ Bubblegum Beam
삼각 배색 +120° +240°
- D891EF
Bright Lilac
- E5A324
≈ Orange Sulphur
- 00CACE
≈ Tilla Kari Mosque
분열 보색 +150° +210°
- D891EF
Bright Lilac
- BCB72E
≈ Lively Lime
- 1ECF9E
≈ Dark Shamrock
사각 배색 +90° +180° +270°
- D891EF
Bright Lilac
- FD9157
≈ Umezome Pink
- 80C765
≈ Energise
- 00C2FA
≈ Spiro Disco Ball
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.21:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.21:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--bright-lilac: #d891ef;
--bright-lilac-rgb: 216 145 239;
--bright-lilac-oklch: oklch(0.761 0.15 317.6);
}
.element {
color: var(--bright-lilac);
background-color: hsl(285 75% 75%);
border-color: oklch(0.761 0.15 317.6);
}Tailwind CSS v4
@theme {
--color-bright-lilac: #d891ef;
--color-bright-lilac-50: #ffe8ff;
--color-bright-lilac-100: #ffd8ff;
--color-bright-lilac-200: #f1c0fd;
--color-bright-lilac-300: #d99ee7;
--color-bright-lilac-400: #c280d8;
--color-bright-lilac-500: #ae61c6;
--color-bright-lilac-600: #9353a7;
--color-bright-lilac-700: #764286;
--color-bright-lilac-800: #563065;
--color-bright-lilac-900: #3c2047;
--color-bright-lilac-950: #260f2e;
}SCSS
$bright-lilac: #d891ef;
$bright-lilac-rgb: 216, 145, 239;
$bright-lilac-light: mix(#fff, $bright-lilac, 20%);
$bright-lilac-dark: mix(#000, $bright-lilac, 20%);
.element {
color: $bright-lilac;
box-shadow: 0 0 0 2px rgba($bright-lilac, 0.35);
}