이름 색상 · #9B9092
Ashen Plum
Ashen Plum은(는) #9B9092: rgb(155 144 146), hsl(349 5% 59%), oklch(0.664 0.013 4.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Ashen Plum color name →
#9B9092
oklch(0.664 0.013 4.9)
색상 변환
- HEX
- #9b9092
- RGB
- rgb(155 144 146)
- HSL
- hsl(349 5% 59%)
- HWB
- hwb(349 56% 39%)
- OKLCH
- oklch(0.664 0.013 4.9)
- OKLab
- oklab(0.664 0.013 0.001)
- CIE Lab
- lab(60.81 4.49 0.48)
- LCH
- lch(60.81 4.52 6.2)
- CMYK
- cmyk(0% 7% 6% 39%)
틴트 · 셰이드 · 톤
틴트
- A59B9C
- AEA5A7
- B8B0B1
- C2BBBC
- CCC6C7
- D6D1D2
- E0DDDD
- EAE8E8
- F5F3F4
셰이드
- 867D7E
- 726A6B
- 5E5758
- 4B4546
- 393435
- 282425
- 181516
- 090708
- 010101
톤
- 988E90
- 968D8E
- 938B8D
- 908A8B
- 8D8889
- 8B8687
- 888585
- 858384
- 838282
색 조화
보색 +180°
- 9B9092
Ashen Plum
- 8B9694
≈ Millennium Silver
유사색 -30° +30°
- 9B9092
Ashen Plum
- 999096
≈ Victorian
- 9B918E
≈ Neutral Buff
삼각 배색 +120° +240°
- 9B9092
Ashen Plum
- 91958C
≈ Illusive Green
- 8D949B
≈ Blue Dusk
분열 보색 +150° +210°
- 9B9092
Ashen Plum
- 8D9690
≈ Deco Grey
- 8B9698
≈ Atmospheric
사각 배색 +90° +180° +270°
- 9B9092
Ashen Plum
- 96938A
≈ Lost Space
- 8B9694
≈ Millennium Silver
- 91939C
≈ Lilac Fields
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.08:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.79:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.79:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--ashen-plum: #9b9092;
--ashen-plum-rgb: 155 144 146;
--ashen-plum-oklch: oklch(0.664 0.013 4.9);
}
.element {
color: var(--ashen-plum);
background-color: hsl(349 5% 59%);
border-color: oklch(0.664 0.013 4.9);
}Tailwind CSS v4
@theme {
--color-ashen-plum: #9b9092;
--color-ashen-plum-50: #f9f4f4;
--color-ashen-plum-100: #ece6e7;
--color-ashen-plum-200: #dad2d3;
--color-ashen-plum-300: #beb5b6;
--color-ashen-plum-400: #a69b9d;
--color-ashen-plum-500: #8f8385;
--color-ashen-plum-600: #796f70;
--color-ashen-plum-700: #60585a;
--color-ashen-plum-800: #474042;
--color-ashen-plum-900: #312c2d;
--color-ashen-plum-950: #1d1a1a;
}SCSS
$ashen-plum: #9b9092;
$ashen-plum-rgb: 155, 144, 146;
$ashen-plum-light: mix(#fff, $ashen-plum, 20%);
$ashen-plum-dark: mix(#000, $ashen-plum, 20%);
.element {
color: $ashen-plum;
box-shadow: 0 0 0 2px rgba($ashen-plum, 0.35);
}