En yakın adlandırılmış renk · #51391F
#51391F
En yakın adlandırılmış renk: Café Noir
#51391F (rgb(81 57 31), hsl(31 45% 22%), oklch(0.365 0.052 67.2)) en çok Café Noir adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#51391F
oklch(0.365 0.052 67.2)
Renk dönüşümleri
- HEX
- #51391f
- RGB
- rgb(81 57 31)
- HSL
- hsl(31 45% 22%)
- HWB
- hwb(31 12% 68%)
- OKLCH
- oklch(0.365 0.052 67.2)
- OKLab
- oklab(0.365 0.02 0.048)
- CIE Lab
- lab(26.29 8.52 20.45)
- LCH
- lch(26.29 22.15 67.4)
- CMYK
- cmyk(0% 30% 62% 68%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 614B33
- 715D48
- 82705D
- 938372
- A49688
- B6AB9F
- C8BFB6
- DAD4CE
- ECE9E6
Koyu tonlar
- 453019
- 3A2814
- 2F1F0F
- 24170A
- 1A1006
- 100903
- 070401
- 020100
- 000000
Gri tonlar
- 564029
- 5B4732
- 5F4E3C
- 645545
- 695C4F
- 6D6359
- 726A62
- 77716C
- 7B7976
Renk uyumları
Tamamlayıcı +180°
- 51391F
Café Noir
- 274159
≈ Blue Tone Ink
Analog -30° +30°
- 51391F
Café Noir
- 56352B
≈ American Mahogany
- 463F1C
≈ Madras
Üçlü +120° +240°
- 51391F
Café Noir
- 174743
≈ Cyprus
- 463754
≈ Purple Plumeria
Bölünmüş tamamlayıcı +150° +210°
- 51391F
Café Noir
- 184551
≈ Blue Hill
- 383C5A
≈ Magic Night
Dörtlü +90° +180° +270°
- 51391F
Café Noir
- 254733
≈ Birōdo Green
- 274159
≈ Blue Tone Ink
- 503449
≈ Loulou
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.74:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.95:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.74:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--cafe-noir: #51391f;
--cafe-noir-rgb: 81 57 31;
--cafe-noir-oklch: oklch(0.365 0.052 67.2);
}
.element {
color: var(--cafe-noir);
background-color: hsl(31 45% 22%);
border-color: oklch(0.365 0.052 67.2);
}Tailwind CSS v4
@theme {
--color-cafe-noir: #51391f;
--color-cafe-noir-50: #fff3e6;
--color-cafe-noir-100: #f4e5d6;
--color-cafe-noir-200: #e3d1bd;
--color-cafe-noir-300: #c9b39b;
--color-cafe-noir-400: #b4997e;
--color-cafe-noir-500: #9e8061;
--color-cafe-noir-600: #866c52;
--color-cafe-noir-700: #6b5742;
--color-cafe-noir-800: #4f3f2f;
--color-cafe-noir-900: #372b20;
--color-cafe-noir-950: #221910;
}SCSS
$cafe-noir: #51391f;
$cafe-noir-rgb: 81, 57, 31;
$cafe-noir-light: mix(#fff, $cafe-noir, 20%);
$cafe-noir-dark: mix(#000, $cafe-noir, 20%);
.element {
color: $cafe-noir;
box-shadow: 0 0 0 2px rgba($cafe-noir, 0.35);
}