En yakın adlandırılmış renk · #331322
#331322
En yakın adlandırılmış renk: Black-Hearted
#331322 (rgb(51 19 34), hsl(332 46% 14%), oklch(0.242 0.056 352.7)) en çok Black-Hearted 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.
#331322
oklch(0.242 0.056 352.7)
Renk dönüşümleri
- HEX
- #331322
- RGB
- rgb(51 19 34)
- HSL
- hsl(332 46% 14%)
- HWB
- hwb(332 7% 80%)
- OKLCH
- oklch(0.242 0.056 352.7)
- OKLab
- oklab(0.242 0.055 -0.007)
- CIE Lab
- lab(11.28 18.02 -2.48)
- LCH
- lch(11.28 18.19 352.2)
- CMYK
- cmyk(0% 63% 33% 80%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 462734
- 593C48
- 6C525C
- 806872
- 958088
- A9989F
- BEB1B6
- D3CACE
- E9E4E6
Koyu tonlar
- 2B0F1C
- 230B16
- 1C0711
- 14050B
- 0D0307
- 070103
- 030101
- 010000
- 000000
Gri tonlar
- 3B1D2A
- 432733
- 4A323C
- 523C45
- 5A474F
- 625258
- 695D62
- 71696C
- 787476
Renk uyumları
Tamamlayıcı +180°
- 331322
Black-Hearted
- 00271D
≈ Deep Slate Green
Analog -30° +30°
- 331322
Black-Hearted
- 2C162F
≈ Dark Prom Queen
- 361313
≈ Tamarind
Üçlü +120° +240°
- 331322
Black-Hearted
- 202200
≈ Liquorice Root
- 002333
≈ Midnight Dreams
Bölünmüş tamamlayıcı +150° +210°
- 331322
Black-Hearted
- 0E260C
≈ Midnight Pines
- 002528
≈ Teal Spill
Dörtlü +90° +180° +270°
- 331322
Black-Hearted
- 2B1D00
≈ Powdered Cocoa
- 00271D
≈ Deep Slate Green
- 111F3A
≈ Nightwalker
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 16.70:1 · APCA Lc 103
Ag
FailSiyah üzerinde
WCAG 1.25:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 16.70:1 (AAA) · APCA Lc 103
Contrast pairs
Kod parçacıkları
CSS
:root {
--black-hearted: #331322;
--black-hearted-rgb: 51 19 34;
--black-hearted-oklch: oklch(0.242 0.056 352.7);
}
.element {
color: var(--black-hearted);
background-color: hsl(332 46% 14%);
border-color: oklch(0.242 0.056 352.7);
}Tailwind CSS v4
@theme {
--color-black-hearted: #331322;
--color-black-hearted-50: #ffeff6;
--color-black-hearted-100: #f8e1e9;
--color-black-hearted-200: #e9cbd5;
--color-black-hearted-300: #d0acb9;
--color-black-hearted-400: #ba91a1;
--color-black-hearted-500: #a47789;
--color-black-hearted-600: #8b6574;
--color-black-hearted-700: #6f515d;
--color-black-hearted-800: #523b45;
--color-black-hearted-900: #392830;
--color-black-hearted-950: #23161c;
}SCSS
$black-hearted: #331322;
$black-hearted-rgb: 51, 19, 34;
$black-hearted-light: mix(#fff, $black-hearted, 20%);
$black-hearted-dark: mix(#000, $black-hearted, 20%);
.element {
color: $black-hearted;
box-shadow: 0 0 0 2px rgba($black-hearted, 0.35);
}