Adlandırılmış renk · #383740
Black Marlin
Black Marlin, #383740: rgb(56 55 64), hsl(247 8% 23%), oklch(0.341 0.016 290.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Black Marlin color name →
#383740
oklch(0.341 0.016 290.6)
Renk dönüşümleri
- HEX
- #383740
- RGB
- rgb(56 55 64)
- HSL
- hsl(247 8% 23%)
- HWB
- hwb(247 22% 75%)
- OKLCH
- oklch(0.341 0.016 290.6)
- OKLab
- oklab(0.341 0.006 -0.015)
- CIE Lab
- lab(23.44 2.07 -5.46)
- LCH
- lch(23.44 5.84 290.8)
- CMYK
- cmyk(13% 14% 0% 75%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 494851
- 5B5B62
- 6E6D74
- 818187
- 95959A
- A9A9AD
- BEBEC1
- D3D3D5
- E9E9EA
Koyu tonlar
- 2F2E36
- 27262D
- 1F1E24
- 17161B
- 0F0F13
- 08080B
- 040305
- 010101
- 000000
Gri tonlar
- 3F3E46
- 46454C
- 4C4C52
- 545359
- 5B5A5F
- 626266
- 69696C
- 717173
- 787879
Renk uyumları
Tamamlayıcı +180°
- 383740
Black Marlin
- 383930
≈ Rosin
Analog -30° +30°
- 383740
Black Marlin
- 343941
≈ Antarctic Deep
- 3C363D
≈ Bohemian Black
Üçlü +120° +240°
- 383740
Black Marlin
- 3F3631
≈ Fired Earth
- 303B37
≈ Rookwood Shutter Green
Bölünmüş tamamlayıcı +150° +210°
- 383740
Black Marlin
- 3D382F
≈ Fired Earth
- 343A33
≈ Sound of Silence
Dörtlü +90° +180° +270°
- 383740
Black Marlin
- 403535
≈ Chocolate Torte
- 383930
≈ Rosin
- 2F3B3C
≈ Rookwood Shutter Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.74:1 · APCA Lc 97
Ag
FailSiyah üzerinde
WCAG 1.78:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.74:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--black-marlin: #383740;
--black-marlin-rgb: 56 55 64;
--black-marlin-oklch: oklch(0.341 0.016 290.6);
}
.element {
color: var(--black-marlin);
background-color: hsl(247 8% 23%);
border-color: oklch(0.341 0.016 290.6);
}Tailwind CSS v4
@theme {
--color-black-marlin: #383740;
--color-black-marlin-50: #f5f4f9;
--color-black-marlin-100: #e8e7ed;
--color-black-marlin-200: #d4d3da;
--color-black-marlin-300: #b7b6bf;
--color-black-marlin-400: #9e9da7;
--color-black-marlin-500: #868590;
--color-black-marlin-600: #71707a;
--color-black-marlin-700: #5b5a62;
--color-black-marlin-800: #424248;
--color-black-marlin-900: #2d2d32;
--color-black-marlin-950: #1a1a1e;
}SCSS
$black-marlin: #383740;
$black-marlin-rgb: 56, 55, 64;
$black-marlin-light: mix(#fff, $black-marlin, 20%);
$black-marlin-dark: mix(#000, $black-marlin, 20%);
.element {
color: $black-marlin;
box-shadow: 0 0 0 2px rgba($black-marlin, 0.35);
}