가장 가까운 이름 색상 · #993CDF
#993CDF
가장 가까운 이름 색상: Sweet Desire
#993CDF(rgb(153 60 223), hsl(274 72% 55%), oklch(0.565 0.234 306.1))와 가장 가까운 이름 색상은 Sweet Desire입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#993CDF
oklch(0.565 0.234 306.1)
색상 변환
- HEX
- #993cdf
- RGB
- rgb(153 60 223)
- HSL
- hsl(274 72% 55%)
- HWB
- hwb(274 24% 13%)
- OKLCH
- oklch(0.565 0.234 306.1)
- OKLab
- oklab(0.565 0.138 -0.189)
- CIE Lab
- lab(45.36 59.32 -67.4)
- LCH
- lch(45.36 89.78 311.4)
- CMYK
- cmyk(31% 73% 0% 13%)
틴트 · 셰이드 · 톤
틴트
- A355E4
- AD6BE8
- B77FEC
- C192F0
- CBA4F4
- D5B7F7
- DFC9F9
- EADBFC
- F4EDFE
셰이드
- 8433C2
- 702AA5
- 5D218A
- 4A196F
- 381156
- 270A3D
- 170427
- 080112
- 010002
톤
- 9648D6
- 9451CD
- 915AC4
- 8F61BB
- 8C67B2
- 8A6DA8
- 87729E
- 857795
- 827C8B
색 조화
보색 +180°
- 993CDF
Sweet Desire
- 608400
≈ Enchanted Forest
유사색 -30° +30°
- 993CDF
Sweet Desire
- 5958FB
≈ Shady Neon Blue
- C21DA8
≈ Amora Purple
삼각 배색 +120° +240°
- 993CDF
Sweet Desire
- A66400
≈ Butter Fudge
- 00887F
≈ Eyeshadow Turquoise
분열 보색 +150° +210°
- 993CDF
Sweet Desire
- 8A7500
≈ Vermin Brown
- 008D52
≈ Iceland Green
사각 배색 +90° +180° +270°
- 993CDF
Sweet Desire
- CE3900
≈ Pleasant Pomegranate
- 608400
≈ Enchanted Forest
- 00849B
≈ Zircon Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 5.16:1 · APCA Lc 75
Ag
Fail검은색 위
WCAG 4.06:1 · APCA Lc 27
가장 좋은 글자색: #FFFFFF
WCAG 5.16:1 (AA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--sweet-desire: #993cdf;
--sweet-desire-rgb: 153 60 223;
--sweet-desire-oklch: oklch(0.565 0.234 306.1);
}
.element {
color: var(--sweet-desire);
background-color: hsl(274 72% 55%);
border-color: oklch(0.565 0.234 306.1);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #993cdf;
--color-sweet-desire-50: #ffe4ff;
--color-sweet-desire-100: #fed3ff;
--color-sweet-desire-200: #f0b8ff;
--color-sweet-desire-300: #d992ff;
--color-sweet-desire-400: #c16fff;
--color-sweet-desire-500: #ae45fd;
--color-sweet-desire-600: #933cd5;
--color-sweet-desire-700: #7630ab;
--color-sweet-desire-800: #552382;
--color-sweet-desire-900: #3b175c;
--color-sweet-desire-950: #25063f;
}SCSS
$sweet-desire: #993cdf;
$sweet-desire-rgb: 153, 60, 223;
$sweet-desire-light: mix(#fff, $sweet-desire, 20%);
$sweet-desire-dark: mix(#000, $sweet-desire, 20%);
.element {
color: $sweet-desire;
box-shadow: 0 0 0 2px rgba($sweet-desire, 0.35);
}