이름 색상 · #9D9093
Autumn Orchid
Autumn Orchid은(는) #9D9093: rgb(157 144 147), hsl(346 6% 59%), oklch(0.666 0.016 1.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Autumn Orchid color name →
#9D9093
oklch(0.666 0.016 1.8)
색상 변환
- HEX
- #9d9093
- RGB
- rgb(157 144 147)
- HSL
- hsl(346 6% 59%)
- HWB
- hwb(346 56% 38%)
- OKLCH
- oklch(0.666 0.016 1.8)
- OKLab
- oklab(0.666 0.016 0.001)
- CIE Lab
- lab(61.01 5.4 0.25)
- LCH
- lch(61.01 5.41 2.6)
- CMYK
- cmyk(0% 8% 6% 38%)
틴트 · 셰이드 · 톤
틴트
- A69B9D
- B0A5A8
- BAB0B2
- C3BBBD
- CDC6C8
- D7D1D2
- E1DDDD
- EBE8E9
- F5F3F4
셰이드
- 887D7F
- 736A6C
- 5F5759
- 4C4547
- 3A3436
- 282425
- 181516
- 090708
- 010101
톤
- 9A8E91
- 978D8F
- 948B8D
- 918A8B
- 8E8889
- 8C8688
- 898586
- 868384
- 838282
색 조화
보색 +180°
- 9D9093
Autumn Orchid
- 8A9794
≈ Atmospheric
유사색 -30° +30°
- 9D9093
Autumn Orchid
- 9A9098
≈ Victorian
- 9D918E
≈ Neutral Buff
삼각 배색 +120° +240°
- 9D9093
Autumn Orchid
- 92968B
≈ Shady Willow
- 8C959D
≈ Blue Dusk
분열 보색 +150° +210°
- 9D9093
Autumn Orchid
- 8D978F
≈ Renegade
- 89979A
≈ Atmospheric
사각 배색 +90° +180° +270°
- 9D9093
Autumn Orchid
- 979489
≈ Lost Space
- 8A9794
≈ Atmospheric
- 90949E
≈ Lilac Fields
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.06:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.84:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.84:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--autumn-orchid: #9d9093;
--autumn-orchid-rgb: 157 144 147;
--autumn-orchid-oklch: oklch(0.666 0.016 1.8);
}
.element {
color: var(--autumn-orchid);
background-color: hsl(346 6% 59%);
border-color: oklch(0.666 0.016 1.8);
}Tailwind CSS v4
@theme {
--color-autumn-orchid: #9d9093;
--color-autumn-orchid-50: #f9f3f4;
--color-autumn-orchid-100: #ede6e7;
--color-autumn-orchid-200: #dbd1d3;
--color-autumn-orchid-300: #bfb4b6;
--color-autumn-orchid-400: #a79b9e;
--color-autumn-orchid-500: #908285;
--color-autumn-orchid-600: #7a6e71;
--color-autumn-orchid-700: #61585a;
--color-autumn-orchid-800: #474042;
--color-autumn-orchid-900: #312c2e;
--color-autumn-orchid-950: #1d191a;
}SCSS
$autumn-orchid: #9d9093;
$autumn-orchid-rgb: 157, 144, 147;
$autumn-orchid-light: mix(#fff, $autumn-orchid, 20%);
$autumn-orchid-dark: mix(#000, $autumn-orchid, 20%);
.element {
color: $autumn-orchid;
box-shadow: 0 0 0 2px rgba($autumn-orchid, 0.35);
}