이름 색상 · #998DA8
Futuristic
Futuristic은(는) #998DA8: rgb(153 141 168), hsl(267 13% 61%), oklch(0.663 0.042 305.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Futuristic color name →
#998DA8
oklch(0.663 0.042 305.4)
색상 변환
- HEX
- #998da8
- RGB
- rgb(153 141 168)
- HSL
- hsl(267 13% 61%)
- HWB
- hwb(267 55% 34%)
- OKLCH
- oklch(0.663 0.042 305.4)
- OKLab
- oklab(0.663 0.024 -0.034)
- CIE Lab
- lab(60.39 8.6 -12.6)
- LCH
- lch(60.39 15.26 304.3)
- CMYK
- cmyk(9% 16% 0% 34%)
틴트 · 셰이드 · 톤
틴트
- A398B0
- ADA3B9
- B7AEC2
- C1B9CA
- CBC5D3
- D5D0DC
- DFDCE4
- EAE7ED
- F4F3F6
셰이드
- 847A92
- 70677C
- 5D5567
- 4A4452
- 38333F
- 27232C
- 17141A
- 08070A
- 010101
톤
- 968CA4
- 948AA0
- 91899C
- 8F8898
- 8C8794
- 8A8590
- 87848C
- 858388
- 828184
색 조화
보색 +180°
- 998DA8
Futuristic
- 8D987C
≈ Leaflet
유사색 -30° +30°
- 998DA8
Futuristic
- 8B92AD
≈ Sephiroth Grey
- A48A9D
≈ Vesuvian Violet
삼각 배색 +120° +240°
- 998DA8
Futuristic
- A58E79
≈ Utaupeia
- 779C96
≈ Avalon
분열 보색 +150° +210°
- 998DA8
Futuristic
- 9B9377
≈ Grassy Savannah
- 7F9B88
≈ Parisian Patina
사각 배색 +90° +180° +270°
- 998DA8
Futuristic
- AB8B82
≈ Forest Trail
- 8D987C
≈ Leaflet
- 769AA3
≈ Great Fennel Flower
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.12:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.72:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--futuristic: #998da8;
--futuristic-rgb: 153 141 168;
--futuristic-oklch: oklch(0.663 0.042 305.4);
}
.element {
color: var(--futuristic);
background-color: hsl(267 13% 61%);
border-color: oklch(0.663 0.042 305.4);
}Tailwind CSS v4
@theme {
--color-futuristic: #998da8;
--color-futuristic-50: #f8f2ff;
--color-futuristic-100: #ebe4f3;
--color-futuristic-200: #d9d0e2;
--color-futuristic-300: #bdb2c8;
--color-futuristic-400: #a499b3;
--color-futuristic-500: #8d809d;
--color-futuristic-600: #776c84;
--color-futuristic-700: #5f566a;
--color-futuristic-800: #453f4e;
--color-futuristic-900: #302b37;
--color-futuristic-950: #1c1921;
}SCSS
$futuristic: #998da8;
$futuristic-rgb: 153, 141, 168;
$futuristic-light: mix(#fff, $futuristic, 20%);
$futuristic-dark: mix(#000, $futuristic, 20%);
.element {
color: $futuristic;
box-shadow: 0 0 0 2px rgba($futuristic, 0.35);
}