Màu có tên · #ADB5A3
Stormy Day
Stormy Day là #ADB5A3: rgb(173 181 163), hsl(87 11% 67%), oklch(0.762 0.027 126.7). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Stormy Day color name →
#ADB5A3
oklch(0.762 0.027 126.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B5BCAC
- BDC3B5
- C5CBBE
- CDD2C7
- D5D9D0
- DDE1D9
- E6E8E3
- EEF0EC
- F7F7F6
Sắc đậm
- 969D8D
- 7F8678
- 6A6F63
- 55594F
- 41443C
- 2D302A
- 1B1D19
- 0B0C0A
- 010201
Sắc xám
- A8B09F
- A4AA9C
- 9FA598
- 9B9F95
- 969A91
- 92958E
- 8D908A
- 898A87
- 848583
Hòa sắc
Bổ túc +180°
- ADB5A3
Stormy Day
- B6AEBF
≈ Virtuous Violet
Tương đồng -30° +30°
- ADB5A3
Stormy Day
- B6B29F
≈ Melmac Silver
- A5B7AB
≈ Aquatone
Bộ ba +120° +240°
- ADB5A3
Stormy Day
- A4B4C2
≈ Suds
- C2ABAF
≈ Bedroom Plum
Bổ túc chia +150° +210°
- ADB5A3
Stormy Day
- ADB0C3
≈ Fragrant Wand
- BDABB8
≈ Lola
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.11:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.91:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
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);
}