Adlandırılmış renk · #393C40
Detective Thriller
Detective Thriller, #393C40: rgb(57 60 64), hsl(214 6% 24%), oklch(0.355 0.008 255.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Detective Thriller color name →
#393C40
oklch(0.355 0.008 255.5)
Renk dönüşümleri
- HEX
- #393c40
- RGB
- rgb(57 60 64)
- HSL
- hsl(214 6% 24%)
- HWB
- hwb(214 22% 75%)
- OKLCH
- oklch(0.355 0.008 255.5)
- OKLab
- oklab(0.355 -0.002 -0.008)
- CIE Lab
- lab(25.14 -0.59 -2.94)
- LCH
- lch(25.14 3 258.6)
- CMYK
- cmyk(11% 6% 0% 75%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4A4D51
- 5C5F62
- 6F7174
- 828487
- 96989A
- AAABAD
- BFC0C1
- D4D4D5
- E9EAEA
Koyu tonlar
- 303336
- 282A2D
- 1F2124
- 17191B
- 101113
- 090A0B
- 040405
- 010101
- 000000
Gri tonlar
- 404246
- 46494C
- 4D4F52
- 545659
- 5B5D5F
- 626466
- 6A6B6C
- 717273
- 787979
Renk uyumları
Tamamlayıcı +180°
- 393C40
Detective Thriller
- 3E3B37
≈ Iridium
Analog -30° +30°
- 393C40
Detective Thriller
- 383D3F
≈ Mine Shaft
- 3B3B40
≈ In the Dark
Üçlü +120° +240°
- 393C40
Detective Thriller
- 403A3A
≈ Eclipse
- 3A3D39
≈ Zeus
Bölünmüş tamamlayıcı +150° +210°
- 393C40
Detective Thriller
- 403B38
≈ Knights of the Desert
- 3C3C37
≈ Zeus
Dörtlü +90° +180° +270°
- 393C40
Detective Thriller
- 3F3A3D
≈ Moonless Night
- 3E3B37
≈ Iridium
- 383D3B
≈ Limousine Leather
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.08:1 · APCA Lc 96
Ag
FailSiyah üzerinde
WCAG 1.89:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.08:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--detective-thriller: #393c40;
--detective-thriller-rgb: 57 60 64;
--detective-thriller-oklch: oklch(0.355 0.008 255.5);
}
.element {
color: var(--detective-thriller);
background-color: hsl(214 6% 24%);
border-color: oklch(0.355 0.008 255.5);
}Tailwind CSS v4
@theme {
--color-detective-thriller: #393c40;
--color-detective-thriller-50: #f4f5f7;
--color-detective-thriller-100: #e6e8ea;
--color-detective-thriller-200: #d2d4d8;
--color-detective-thriller-300: #b5b7bb;
--color-detective-thriller-400: #9b9fa3;
--color-detective-thriller-500: #83868c;
--color-detective-thriller-600: #6f7276;
--color-detective-thriller-700: #585b5e;
--color-detective-thriller-800: #404345;
--color-detective-thriller-900: #2c2e30;
--color-detective-thriller-950: #191b1c;
}SCSS
$detective-thriller: #393c40;
$detective-thriller-rgb: 57, 60, 64;
$detective-thriller-light: mix(#fff, $detective-thriller, 20%);
$detective-thriller-dark: mix(#000, $detective-thriller, 20%);
.element {
color: $detective-thriller;
box-shadow: 0 0 0 2px rgba($detective-thriller, 0.35);
}