Adlandırılmış renk · #665D63
Moire Satin
Moire Satin, #665D63: rgb(102 93 99), hsl(320 5% 38%), oklch(0.489 0.015 337.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Moire Satin color name →
#665D63
oklch(0.489 0.015 337.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 746C71
- 837B80
- 918A8F
- A09A9E
- AFAAAE
- BFBBBD
- CFCBCE
- DFDCDE
- EFEEEE
Koyu tonlar
- 585055
- 4A4347
- 3C373A
- 2F2A2E
- 231F21
- 171416
- 0C0A0B
- 040303
- 000000
Gri tonlar
- 696066
- 6B6469
- 6E676C
- 706B6E
- 736E71
- 767274
- 787577
- 7B797A
- 7D7C7D
Renk uyumları
Tamamlayıcı +180°
- 665D63
Moire Satin
- 59635D
≈ Woodland Moss
Analog -30° +30°
- 665D63
Moire Satin
- 625E67
≈ Wonder Wine
- 685D5E
≈ Moroccan Dusk
Üçlü +120° +240°
- 665D63
Moire Satin
- 626057
≈ English Forest
- 576266
≈ Greys Harbor
Bölünmüş tamamlayıcı +150° +210°
- 665D63
Moire Satin
- 5E6259
≈ Pewter Green
- 576362
≈ Paramount
Dörtlü +90° +180° +270°
- 665D63
Moire Satin
- 665F57
≈ Manor House
- 59635D
≈ Woodland Moss
- 5A6168
≈ Calligraphy
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.34:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.31:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.34:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
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);
}