Adlandırılmış renk · #332222
Hornblende
Hornblende, #332222: rgb(51 34 34), hsl(0 20% 17%), oklch(0.273 0.026 18.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Hornblende color name →
#332222
oklch(0.273 0.026 18.9)
Renk dönüşümleri
- HEX
- #332222
- RGB
- rgb(51 34 34)
- HSL
- hsl(0 20% 17%)
- HWB
- hwb(0 13% 80%)
- OKLCH
- oklch(0.273 0.026 18.9)
- OKLab
- oklab(0.273 0.025 0.009)
- CIE Lab
- lab(15.38 8.41 3.42)
- LCH
- lch(15.38 9.08 22.1)
- CMYK
- cmyk(0% 33% 33% 80%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 453534
- 584848
- 6B5D5D
- 7F7272
- 938888
- A89F9F
- BDB6B6
- D3CECE
- E9E6E6
Koyu tonlar
- 2B1C1C
- 231616
- 1C1111
- 140B0B
- 0D0707
- 070303
- 030101
- 010000
- 000000
Gri tonlar
- 3A2B2A
- 423333
- 493C3C
- 514545
- 594F4F
- 605858
- 686262
- 706C6C
- 787676
Renk uyumları
Tamamlayıcı +180°
- 332222
Hornblende
- 172B2C
≈ Black Chasm
Analog -30° +30°
- 332222
Hornblende
- 312229
≈ Antique Burgundy
- 32231C
≈ Wood Bark
Üçlü +120° +240°
- 332222
Hornblende
- 212A1E
≈ Kuro Green
- 1F2834
≈ Infinity
Bölünmüş tamamlayıcı +150° +210°
- 332222
Hornblende
- 1A2B25
≈ Guerrilla Forest
- 192A31
≈ Oceanic Noir
Dörtlü +90° +180° +270°
- 332222
Hornblende
- 282819
≈ Maire
- 172B2C
≈ Black Chasm
- 262533
≈ Cold Steel
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.07:1 · APCA Lc 102
Ag
FailSiyah üzerinde
WCAG 1.39:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.07:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
CSS
:root {
--hornblende: #332222;
--hornblende-rgb: 51 34 34;
--hornblende-oklch: oklch(0.273 0.026 18.9);
}
.element {
color: var(--hornblende);
background-color: hsl(0 20% 17%);
border-color: oklch(0.273 0.026 18.9);
}Tailwind CSS v4
@theme {
--color-hornblende: #332222;
--color-hornblende-50: #fdf2f2;
--color-hornblende-100: #f1e5e4;
--color-hornblende-200: #dfd0cf;
--color-hornblende-300: #c5b2b2;
--color-hornblende-400: #ae9998;
--color-hornblende-500: #97807f;
--color-hornblende-600: #806c6c;
--color-hornblende-700: #665656;
--color-hornblende-800: #4b3f3f;
--color-hornblende-900: #342b2b;
--color-hornblende-950: #201919;
}SCSS
$hornblende: #332222;
$hornblende-rgb: 51, 34, 34;
$hornblende-light: mix(#fff, $hornblende, 20%);
$hornblende-dark: mix(#000, $hornblende, 20%);
.element {
color: $hornblende;
box-shadow: 0 0 0 2px rgba($hornblende, 0.35);
}