이름 색상 · #806E7C
Splendiferous
Splendiferous은(는) #806E7C: rgb(128 110 124), hsl(313 8% 47%), oklch(0.56 0.031 333.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Splendiferous color name →
#806E7C
oklch(0.56 0.031 333.7)
색상 변환
- HEX
- #806e7c
- RGB
- rgb(128 110 124)
- HSL
- hsl(313 8% 47%)
- HWB
- hwb(313 43% 50%)
- OKLCH
- oklch(0.56 0.031 333.7)
- OKLab
- oklab(0.56 0.027 -0.014)
- CIE Lab
- lab(48.51 9.26 -5.03)
- LCH
- lch(48.51 10.54 331.5)
- CMYK
- cmyk(0% 14% 3% 50%)
틴트 · 셰이드 · 톤
틴트
- 8C7B88
- 988995
- A597A1
- B1A5AE
- BEB4BB
- CBC2C9
- D7D1D6
- E5E0E4
- F2F0F1
셰이드
- 6E5F6B
- 5D505A
- 4D414A
- 3D333B
- 2E262C
- 1F191E
- 120E11
- 060405
- 010101
톤
- 80707C
- 80727D
- 80737D
- 80757E
- 80777E
- 80797E
- 807B7F
- 807C7F
- 807E80
색 조화
보색 +180°
- 806E7C
Splendiferous
- 677A6C
≈ Atlas Cedar Green
유사색 -30° +30°
- 806E7C
Splendiferous
- 787083
≈ Ritual
- 856D72
≈ Emotive Ring
삼각 배색 +120° +240°
- 806E7C
Splendiferous
- 7A7460
≈ Lapwing Grey Green
- 60797F
≈ Mediterranean
분열 보색 +150° +210°
- 806E7C
Splendiferous
- 717864
≈ Burdock
- 617B76
≈ Refreshing Green
사각 배색 +90° +180° +270°
- 806E7C
Splendiferous
- 827162
≈ Elephant
- 677A6C
≈ Atlas Cedar Green
- 667785
≈ Hypnotic
대비 및 접근성
Ag
AA흰색 위
WCAG 4.73:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.43:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 4.73:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--splendiferous: #806e7c;
--splendiferous-rgb: 128 110 124;
--splendiferous-oklch: oklch(0.56 0.031 333.7);
}
.element {
color: var(--splendiferous);
background-color: hsl(313 8% 47%);
border-color: oklch(0.56 0.031 333.7);
}Tailwind CSS v4
@theme {
--color-splendiferous: #806e7c;
--color-splendiferous-50: #fbf2f8;
--color-splendiferous-100: #efe4ec;
--color-splendiferous-200: #ddd0d9;
--color-splendiferous-300: #c2b2bd;
--color-splendiferous-400: #aa98a6;
--color-splendiferous-500: #937f8f;
--color-splendiferous-600: #7d6c79;
--color-splendiferous-700: #645661;
--color-splendiferous-800: #493f47;
--color-splendiferous-900: #332b31;
--color-splendiferous-950: #1e181d;
}SCSS
$splendiferous: #806e7c;
$splendiferous-rgb: 128, 110, 124;
$splendiferous-light: mix(#fff, $splendiferous, 20%);
$splendiferous-dark: mix(#000, $splendiferous, 20%);
.element {
color: $splendiferous;
box-shadow: 0 0 0 2px rgba($splendiferous, 0.35);
}