이름 색상 · #ADB5A3
Stormy Day
Stormy Day은(는) #ADB5A3: rgb(173 181 163), hsl(87 11% 67%), oklch(0.762 0.027 126.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Stormy Day color name →
#ADB5A3
oklch(0.762 0.027 126.7)
색상 변환
- HEX
- #adb5a3
- RGB
- rgb(173 181 163)
- HSL
- hsl(87 11% 67%)
- HWB
- hwb(87 64% 29%)
- OKLCH
- oklch(0.762 0.027 126.7)
- OKLab
- oklab(0.762 -0.016 0.021)
- CIE Lab
- lab(72.66 -5.37 8.2)
- LCH
- lch(72.66 9.8 123.2)
- CMYK
- cmyk(4% 0% 10% 29%)
틴트 · 셰이드 · 톤
틴트
- B5BCAC
- BDC3B5
- C5CBBE
- CDD2C7
- D5D9D0
- DDE1D9
- E6E8E3
- EEF0EC
- F7F7F6
셰이드
- 969D8D
- 7F8678
- 6A6F63
- 55594F
- 41443C
- 2D302A
- 1B1D19
- 0B0C0A
- 010201
톤
- A8B09F
- A4AA9C
- 9FA598
- 9B9F95
- 969A91
- 92958E
- 8D908A
- 898A87
- 848583
색 조화
보색 +180°
- ADB5A3
Stormy Day
- B6AEBF
≈ Virtuous Violet
유사색 -30° +30°
- ADB5A3
Stormy Day
- B6B29F
≈ Melmac Silver
- A5B7AB
≈ Aquatone
삼각 배색 +120° +240°
- ADB5A3
Stormy Day
- A4B4C2
≈ Suds
- C2ABAF
≈ Bedroom Plum
분열 보색 +150° +210°
- ADB5A3
Stormy Day
- ADB0C3
≈ Fragrant Wand
- BDABB8
≈ Lola
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.11:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.91:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--stormy-day: #adb5a3;
--stormy-day-rgb: 173 181 163;
--stormy-day-oklch: oklch(0.762 0.027 126.7);
}
.element {
color: var(--stormy-day);
background-color: hsl(87 11% 67%);
border-color: oklch(0.762 0.027 126.7);
}Tailwind CSS v4
@theme {
--color-stormy-day: #adb5a3;
--color-stormy-day-50: #f3f7ef;
--color-stormy-day-100: #e5eae0;
--color-stormy-day-200: #d1d7cb;
--color-stormy-day-300: #b3baac;
--color-stormy-day-400: #9aa291;
--color-stormy-day-500: #818a77;
--color-stormy-day-600: #6e7565;
--color-stormy-day-700: #585d50;
--color-stormy-day-800: #40443a;
--color-stormy-day-900: #2c2f28;
--color-stormy-day-950: #191c16;
}SCSS
$stormy-day: #adb5a3;
$stormy-day-rgb: 173, 181, 163;
$stormy-day-light: mix(#fff, $stormy-day, 20%);
$stormy-day-dark: mix(#000, $stormy-day, 20%);
.element {
color: $stormy-day;
box-shadow: 0 0 0 2px rgba($stormy-day, 0.35);
}