Adlandırılmış renk · #879293
Deep Sea Grey
Deep Sea Grey, #879293: rgb(135 146 147), hsl(185 5% 55%), oklch(0.651 0.013 203.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? → · Deep Sea Grey color name →
#879293
oklch(0.651 0.013 203.4)
Renk dönüşümleri
- HEX
- #879293
- RGB
- rgb(135 146 147)
- HSL
- hsl(185 5% 55%)
- HWB
- hwb(185 53% 42%)
- OKLCH
- oklch(0.651 0.013 203.4)
- OKLab
- oklab(0.651 -0.012 -0.005)
- CIE Lab
- lab(59.68 -3.96 -1.97)
- LCH
- lch(59.68 4.42 206.4)
- CMYK
- cmyk(8% 1% 0% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 929C9D
- 9EA7A8
- AAB2B2
- B5BCBD
- C1C7C8
- CDD2D2
- DADDDD
- E6E8E9
- F2F4F4
Koyu tonlar
- 757E7F
- 636B6C
- 515859
- 414647
- 313536
- 212525
- 131616
- 060808
- 010101
Gri tonlar
- 869091
- 868E8F
- 858D8D
- 848B8B
- 848989
- 838788
- 828586
- 818484
- 818282
Renk uyumları
Tamamlayıcı +180°
- 879293
Deep Sea Grey
- 978D8C
≈ Gourmet Mushroom
Analog -30° +30°
- 879293
Deep Sea Grey
- 88928F
≈ Marble Green-Grey
- 889196
≈ Zodiac
Üçlü +120° +240°
- 879293
Deep Sea Grey
- 948D94
≈ Aragonite Grey
- 938F87
≈ Smoky Grey Green
Bölünmüş tamamlayıcı +150° +210°
- 879293
Deep Sea Grey
- 968C90
≈ Greylac
- 968E88
≈ Water Tower
Dörtlü +90° +180° +270°
- 879293
Deep Sea Grey
- 908E97
≈ Partridge Grey
- 978D8C
≈ Gourmet Mushroom
- 8F9188
≈ Smoky Grey Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.19:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.56:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.56:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-sea-grey: #879293;
--deep-sea-grey-rgb: 135 146 147;
--deep-sea-grey-oklch: oklch(0.651 0.013 203.4);
}
.element {
color: var(--deep-sea-grey);
background-color: hsl(185 5% 55%);
border-color: oklch(0.651 0.013 203.4);
}Tailwind CSS v4
@theme {
--color-deep-sea-grey: #879293;
--color-deep-sea-grey-50: #f1f6f7;
--color-deep-sea-grey-100: #e3e9ea;
--color-deep-sea-grey-200: #ced6d7;
--color-deep-sea-grey-300: #b0b9ba;
--color-deep-sea-grey-400: #96a1a2;
--color-deep-sea-grey-500: #7d898a;
--color-deep-sea-grey-600: #6a7475;
--color-deep-sea-grey-700: #545d5d;
--color-deep-sea-grey-800: #3d4444;
--color-deep-sea-grey-900: #2a2f2f;
--color-deep-sea-grey-950: #181b1c;
}SCSS
$deep-sea-grey: #879293;
$deep-sea-grey-rgb: 135, 146, 147;
$deep-sea-grey-light: mix(#fff, $deep-sea-grey, 20%);
$deep-sea-grey-dark: mix(#000, $deep-sea-grey, 20%);
.element {
color: $deep-sea-grey;
box-shadow: 0 0 0 2px rgba($deep-sea-grey, 0.35);
}