Adlandırılmış renk · #85928F
Marble Green-Grey
Marble Green-Grey, #85928F: rgb(133 146 143), hsl(166 6% 55%), oklch(0.649 0.016 180.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Marble Green-Grey color name →
#85928F
oklch(0.649 0.016 180.4)
Renk dönüşümleri
- HEX
- #85928f
- RGB
- rgb(133 146 143)
- HSL
- hsl(166 6% 55%)
- HWB
- hwb(166 52% 43%)
- OKLCH
- oklch(0.649 0.016 180.4)
- OKLab
- oklab(0.649 -0.016 0)
- CIE Lab
- lab(59.43 -5.32 -0.09)
- LCH
- lch(59.43 5.32 181)
- CMYK
- cmyk(9% 0% 2% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 919C9A
- 9CA7A4
- A8B2AF
- B4BCBA
- C0C7C6
- CDD2D1
- D9DDDC
- E6E8E8
- F2F4F3
Koyu tonlar
- 737E7C
- 616B69
- 505857
- 404645
- 303534
- 212524
- 131615
- 060807
- 010101
Gri tonlar
- 85908D
- 848E8C
- 848D8A
- 838B89
- 838987
- 828786
- 828584
- 818483
- 818281
Renk uyumları
Tamamlayıcı +180°
- 85928F
Marble Green-Grey
- 978B8E
≈ Greylac
Analog -30° +30°
- 85928F
Marble Green-Grey
- 88928A
≈ Grey Heron
- 849294
≈ Shady Grey
Üçlü +120° +240°
- 85928F
Marble Green-Grey
- 908D97
≈ Alaitoc Blue
- 968D85
≈ Sultry Castle
Bölünmüş tamamlayıcı +150° +210°
- 85928F
Marble Green-Grey
- 958B93
≈ Aragonite Grey
- 988B89
≈ Fashion Week
Dörtlü +90° +180° +270°
- 85928F
Marble Green-Grey
- 8B8E99
≈ Flannel Pyjamas
- 978B8E
≈ Greylac
- 928F84
≈ Stony Creek
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.22:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.50:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.50:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--marble-green-grey: #85928f;
--marble-green-grey-rgb: 133 146 143;
--marble-green-grey-oklch: oklch(0.649 0.016 180.4);
}
.element {
color: var(--marble-green-grey);
background-color: hsl(166 6% 55%);
border-color: oklch(0.649 0.016 180.4);
}Tailwind CSS v4
@theme {
--color-marble-green-grey: #85928f;
--color-marble-green-grey-50: #f1f7f5;
--color-marble-green-grey-100: #e3eae8;
--color-marble-green-grey-200: #cdd6d5;
--color-marble-green-grey-300: #afbab8;
--color-marble-green-grey-400: #95a29f;
--color-marble-green-grey-500: #7c8a86;
--color-marble-green-grey-600: #697572;
--color-marble-green-grey-700: #545d5b;
--color-marble-green-grey-800: #3d4442;
--color-marble-green-grey-900: #2a2f2e;
--color-marble-green-grey-950: #171c1b;
}SCSS
$marble-green-grey: #85928f;
$marble-green-grey-rgb: 133, 146, 143;
$marble-green-grey-light: mix(#fff, $marble-green-grey, 20%);
$marble-green-grey-dark: mix(#000, $marble-green-grey, 20%);
.element {
color: $marble-green-grey;
box-shadow: 0 0 0 2px rgba($marble-green-grey, 0.35);
}