이름 색상 · #716264
Dignified Purple
Dignified Purple은(는) #716264: rgb(113 98 100), hsl(352 7% 41%), oklch(0.511 0.019 8.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Dignified Purple color name →
#716264
oklch(0.511 0.019 8.7)
색상 변환
- HEX
- #716264
- RGB
- rgb(113 98 100)
- HSL
- hsl(352 7% 41%)
- HWB
- hwb(352 38% 56%)
- OKLCH
- oklch(0.511 0.019 8.7)
- OKLab
- oklab(0.511 0.019 0.003)
- CIE Lab
- lab(43.07 6.48 1.19)
- LCH
- lch(43.07 6.59 10.4)
- CMYK
- cmyk(0% 13% 12% 56%)
틴트 · 셰이드 · 톤
틴트
- 7E7072
- 8C7F81
- 9A8E90
- A79E9F
- B6ADAE
- C4BDBE
- D2CDCE
- E1DEDE
- F0EEEE
셰이드
- 615456
- 524748
- 433A3B
- 352D2E
- 272122
- 1A1616
- 0E0B0B
- 040303
- 010000
톤
- 736567
- 74686A
- 766B6C
- 776E6F
- 797172
- 7A7475
- 7C7777
- 7D7A7A
- 7F7D7D
색 조화
보색 +180°
- 716264
Dignified Purple
- 5A6A68
≈ Mountain Pass
유사색 -30° +30°
- 716264
Dignified Purple
- 6E626A
≈ Vintage Grape
- 71635E
≈ Wright Brown
삼각 배색 +120° +240°
- 716264
Dignified Purple
- 63695D
≈ Belmont Green
- 5E6871
≈ King Creek Falls
분열 보색 +150° +210°
- 716264
Dignified Purple
- 5D6A62
≈ Sage Shadow
- 5A696E
≈ Made of Steel
사각 배색 +90° +180° +270°
- 716264
Dignified Purple
- 69675A
≈ Naturalism
- 5A6A68
≈ Mountain Pass
- 646572
≈ Eventide
대비 및 접근성
Ag
AA흰색 위
WCAG 5.77:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.63:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--dignified-purple: #716264;
--dignified-purple-rgb: 113 98 100;
--dignified-purple-oklch: oklch(0.511 0.019 8.7);
}
.element {
color: var(--dignified-purple);
background-color: hsl(352 7% 41%);
border-color: oklch(0.511 0.019 8.7);
}Tailwind CSS v4
@theme {
--color-dignified-purple: #716264;
--color-dignified-purple-50: #fbf3f4;
--color-dignified-purple-100: #eee5e6;
--color-dignified-purple-200: #dcd1d2;
--color-dignified-purple-300: #c1b3b5;
--color-dignified-purple-400: #a99a9c;
--color-dignified-purple-500: #928183;
--color-dignified-purple-600: #7c6d6f;
--color-dignified-purple-700: #635759;
--color-dignified-purple-800: #494041;
--color-dignified-purple-900: #322c2d;
--color-dignified-purple-950: #1e191a;
}SCSS
$dignified-purple: #716264;
$dignified-purple-rgb: 113, 98, 100;
$dignified-purple-light: mix(#fff, $dignified-purple, 20%);
$dignified-purple-dark: mix(#000, $dignified-purple, 20%);
.element {
color: $dignified-purple;
box-shadow: 0 0 0 2px rgba($dignified-purple, 0.35);
}