Màu có tên · #665D63
Moire Satin
Moire Satin là #665D63: rgb(102 93 99), hsl(320 5% 38%), oklch(0.489 0.015 337.9). 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? → · Moire Satin color name →
#665D63
oklch(0.489 0.015 337.9)
Chuyển đổi màu
- HEX
- #665d63
- RGB
- rgb(102 93 99)
- HSL
- hsl(320 5% 38%)
- HWB
- hwb(320 36% 60%)
- OKLCH
- oklch(0.489 0.015 337.9)
- OKLab
- oklab(0.489 0.014 -0.006)
- CIE Lab
- lab(40.51 4.63 -2.07)
- LCH
- lch(40.51 5.07 336)
- CMYK
- cmyk(0% 9% 3% 60%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 746C71
- 837B80
- 918A8F
- A09A9E
- AFAAAE
- BFBBBD
- CFCBCE
- DFDCDE
- EFEEEE
Sắc đậm
- 585055
- 4A4347
- 3C373A
- 2F2A2E
- 231F21
- 171416
- 0C0A0B
- 040303
- 000000
Sắc xám
- 696066
- 6B6469
- 6E676C
- 706B6E
- 736E71
- 767274
- 787577
- 7B797A
- 7D7C7D
Hòa sắc
Bổ túc +180°
- 665D63
Moire Satin
- 59635D
≈ Woodland Moss
Tương đồng -30° +30°
- 665D63
Moire Satin
- 625E67
≈ Wonder Wine
- 685D5E
≈ Moroccan Dusk
Bộ ba +120° +240°
- 665D63
Moire Satin
- 626057
≈ English Forest
- 576266
≈ Greys Harbor
Bổ túc chia +150° +210°
- 665D63
Moire Satin
- 5E6259
≈ Pewter Green
- 576362
≈ Paramount
Bộ bốn +90° +180° +270°
- 665D63
Moire Satin
- 665F57
≈ Manor House
- 59635D
≈ Woodland Moss
- 5A6168
≈ Calligraphy
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.34:1 · APCA Lc 82
Ag
FailTrên nền đen
WCAG 3.31:1 · APCA Lc 20
Màu chữ tốt nhất: #FFFFFF
WCAG 6.34:1 (AA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--moire-satin: #665d63;
--moire-satin-rgb: 102 93 99;
--moire-satin-oklch: oklch(0.489 0.015 337.9);
}
.element {
color: var(--moire-satin);
background-color: hsl(320 5% 38%);
border-color: oklch(0.489 0.015 337.9);
}Tailwind CSS v4
@theme {
--color-moire-satin: #665d63;
--color-moire-satin-50: #f8f3f6;
--color-moire-satin-100: #ebe6e9;
--color-moire-satin-200: #d9d2d6;
--color-moire-satin-300: #bdb5ba;
--color-moire-satin-400: #a59ba1;
--color-moire-satin-500: #8d838a;
--color-moire-satin-600: #776f74;
--color-moire-satin-700: #5f585d;
--color-moire-satin-800: #464044;
--color-moire-satin-900: #302c2f;
--color-moire-satin-950: #1d191c;
}SCSS
$moire-satin: #665d63;
$moire-satin-rgb: 102, 93, 99;
$moire-satin-light: mix(#fff, $moire-satin, 20%);
$moire-satin-dark: mix(#000, $moire-satin, 20%);
.element {
color: $moire-satin;
box-shadow: 0 0 0 2px rgba($moire-satin, 0.35);
}