Adlandırılmış renk · #7D8392
Deep Smoke Signal
Deep Smoke Signal, #7D8392: rgb(125 131 146), hsl(223 9% 53%), oklch(0.61 0.024 268.3). 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 Smoke Signal color name →
#7D8392
oklch(0.61 0.024 268.3)
Renk dönüşümleri
- HEX
- #7d8392
- RGB
- rgb(125 131 146)
- HSL
- hsl(223 9% 53%)
- HWB
- hwb(223 49% 43%)
- OKLCH
- oklch(0.61 0.024 268.3)
- OKLab
- oklab(0.61 -0.001 -0.024)
- CIE Lab
- lab(54.63 0.13 -8.9)
- LCH
- lch(54.63 8.9 270.8)
- CMYK
- cmyk(14% 10% 0% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 898F9C
- 969BA7
- A2A7B2
- AFB3BC
- BCBFC7
- C9CCD2
- D6D8DD
- E4E5E8
- F1F2F4
Koyu tonlar
- 6C717E
- 5B606B
- 4B4F58
- 3B3F46
- 2C2F35
- 1E2025
- 111216
- 050608
- 010101
Gri tonlar
- 7D8390
- 7E828E
- 7E828D
- 7E828B
- 7F8289
- 7F8187
- 7F8185
- 7F8184
- 808082
Renk uyumları
Tamamlayıcı +180°
- 7D8392
Deep Smoke Signal
- 898373
≈ Connected Grey
Analog -30° +30°
- 7D8392
Deep Smoke Signal
- 778690
≈ Forever Denim
- 858090
≈ Purpletone
Üçlü +120° +240°
- 7D8392
Deep Smoke Signal
- 917E7B
≈ Warplock Bronze Metal
- 7A877B
≈ Stone Craft
Bölünmüş tamamlayıcı +150° +210°
- 7D8392
Deep Smoke Signal
- 8F8075
≈ Roasted Cashew
- 828576
≈ Cottage Lattice Green
Dörtlü +90° +180° +270°
- 7D8392
Deep Smoke Signal
- 907E83
≈ Purple Dove
- 898373
≈ Connected Grey
- 758883
≈ Echo Park
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.79:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.53:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-smoke-signal: #7d8392;
--deep-smoke-signal-rgb: 125 131 146;
--deep-smoke-signal-oklch: oklch(0.61 0.024 268.3);
}
.element {
color: var(--deep-smoke-signal);
background-color: hsl(223 9% 53%);
border-color: oklch(0.61 0.024 268.3);
}Tailwind CSS v4
@theme {
--color-deep-smoke-signal: #7d8392;
--color-deep-smoke-signal-50: #f2f5fc;
--color-deep-smoke-signal-100: #e5e8f0;
--color-deep-smoke-signal-200: #d0d4df;
--color-deep-smoke-signal-300: #b2b7c4;
--color-deep-smoke-signal-400: #989ead;
--color-deep-smoke-signal-500: #7f8697;
--color-deep-smoke-signal-600: #6c717f;
--color-deep-smoke-signal-700: #565b66;
--color-deep-smoke-signal-800: #3e424b;
--color-deep-smoke-signal-900: #2b2e34;
--color-deep-smoke-signal-950: #181b1f;
}SCSS
$deep-smoke-signal: #7d8392;
$deep-smoke-signal-rgb: 125, 131, 146;
$deep-smoke-signal-light: mix(#fff, $deep-smoke-signal, 20%);
$deep-smoke-signal-dark: mix(#000, $deep-smoke-signal, 20%);
.element {
color: $deep-smoke-signal;
box-shadow: 0 0 0 2px rgba($deep-smoke-signal, 0.35);
}