이름 색상 · #332222
Hornblende
Hornblende은(는) #332222: rgb(51 34 34), hsl(0 20% 17%), oklch(0.273 0.026 18.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Hornblende color name →
#332222
oklch(0.273 0.026 18.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 453534
- 584848
- 6B5D5D
- 7F7272
- 938888
- A89F9F
- BDB6B6
- D3CECE
- E9E6E6
셰이드
- 2B1C1C
- 231616
- 1C1111
- 140B0B
- 0D0707
- 070303
- 030101
- 010000
- 000000
톤
- 3A2B2A
- 423333
- 493C3C
- 514545
- 594F4F
- 605858
- 686262
- 706C6C
- 787676
색 조화
보색 +180°
- 332222
Hornblende
- 172B2C
≈ Black Chasm
유사색 -30° +30°
- 332222
Hornblende
- 312229
≈ Antique Burgundy
- 32231C
≈ Wood Bark
삼각 배색 +120° +240°
- 332222
Hornblende
- 212A1E
≈ Kuro Green
- 1F2834
≈ Infinity
분열 보색 +150° +210°
- 332222
Hornblende
- 1A2B25
≈ Guerrilla Forest
- 192A31
≈ Oceanic Noir
사각 배색 +90° +180° +270°
- 332222
Hornblende
- 282819
≈ Maire
- 172B2C
≈ Black Chasm
- 262533
≈ Cold Steel
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.07:1 · APCA Lc 102
Ag
Fail검은색 위
WCAG 1.39:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.07:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
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);
}