이름 색상 · #8391A0
Diopside Blue
Diopside Blue은(는) #8391A0: rgb(131 145 160), hsl(211 13% 57%), oklch(0.65 0.028 250.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Diopside Blue color name →
#8391A0
oklch(0.65 0.028 250.1)
색상 변환
- HEX
- #8391a0
- RGB
- rgb(131 145 160)
- HSL
- hsl(211 13% 57%)
- HWB
- hwb(211 51% 37%)
- OKLCH
- oklch(0.65 0.028 250.1)
- OKLab
- oklab(0.65 -0.009 -0.026)
- CIE Lab
- lab(59.42 -2.75 -9.75)
- LCH
- lch(59.42 10.13 254.3)
- CMYK
- cmyk(18% 9% 0% 37%)
틴트 · 셰이드 · 톤
틴트
- 8F9BA9
- 9BA6B2
- A7B1BC
- B3BCC5
- BFC7CF
- CCD2D8
- D8DDE2
- E5E8EB
- F2F4F5
셰이드
- 717D8B
- 606A76
- 4F5861
- 3F464E
- 2F353B
- 202529
- 121519
- 060709
- 010101
톤
- 838F9D
- 828E9A
- 828C96
- 828A93
- 828990
- 81878D
- 81858A
- 818386
- 808283
색 조화
보색 +180°
- 8391A0
Diopside Blue
- 9B8D7D
≈ Weimaraner
유사색 -30° +30°
- 8391A0
Diopside Blue
- 7D949B
≈ Wethers Field
- 8C8EA0
≈ Manatee
삼각 배색 +120° +240°
- 8391A0
Diopside Blue
- 9F898B
≈ Hatoba-Nezumi Grey
- 8A9381
≈ Matte Sage Green
분열 보색 +150° +210°
- 8391A0
Diopside Blue
- 9F8A83
≈ Aspiration
- 93907D
≈ Muted Sage
사각 배색 +90° +180° +270°
- 8391A0
Diopside Blue
- 9C8995
≈ Piano Mauve
- 9B8D7D
≈ Weimaraner
- 81958A
≈ Zinc Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.21:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.52:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--diopside-blue: #8391a0;
--diopside-blue-rgb: 131 145 160;
--diopside-blue-oklch: oklch(0.65 0.028 250.1);
}
.element {
color: var(--diopside-blue);
background-color: hsl(211 13% 57%);
border-color: oklch(0.65 0.028 250.1);
}Tailwind CSS v4
@theme {
--color-diopside-blue: #8391a0;
--color-diopside-blue-50: #f0f6fd;
--color-diopside-blue-100: #e1e9f1;
--color-diopside-blue-200: #ccd5e0;
--color-diopside-blue-300: #aeb9c6;
--color-diopside-blue-400: #93a0af;
--color-diopside-blue-500: #798898;
--color-diopside-blue-600: #667381;
--color-diopside-blue-700: #525c67;
--color-diopside-blue-800: #3b434c;
--color-diopside-blue-900: #282f35;
--color-diopside-blue-950: #161b20;
}SCSS
$diopside-blue: #8391a0;
$diopside-blue-rgb: 131, 145, 160;
$diopside-blue-light: mix(#fff, $diopside-blue, 20%);
$diopside-blue-dark: mix(#000, $diopside-blue, 20%);
.element {
color: $diopside-blue;
box-shadow: 0 0 0 2px rgba($diopside-blue, 0.35);
}