이름 색상 · #453B32
Blackish Brown
Blackish Brown은(는) #453B32: rgb(69 59 50), hsl(28 16% 23%), oklch(0.36 0.021 64.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Blackish Brown color name →
#453B32
oklch(0.36 0.021 64.1)
색상 변환
- HEX
- #453b32
- RGB
- rgb(69 59 50)
- HSL
- hsl(28 16% 23%)
- HWB
- hwb(28 20% 73%)
- OKLCH
- oklch(0.36 0.021 64.1)
- OKLab
- oklab(0.36 0.009 0.019)
- CIE Lab
- lab(25.72 3.27 7.3)
- LCH
- lch(25.72 8 65.9)
- CMYK
- cmyk(0% 14% 28% 73%)
틴트 · 셰이드 · 톤
틴트
- 564C44
- 675E56
- 78716A
- 8A847D
- 9D9792
- B0ABA7
- C3BFBC
- D7D4D2
- EBE9E8
셰이드
- 3B322A
- 312922
- 27211B
- 1E1914
- 15110D
- 0C0907
- 050403
- 020101
- 000000
톤
- 4B4239
- 504841
- 564F48
- 5C5650
- 625C58
- 686360
- 6E6A68
- 747270
- 7A7978
색 조화
보색 +180°
- 453B32
Blackish Brown
- 343F47
≈ Big Stone
유사색 -30° +30°
- 453B32
Blackish Brown
- 473936
≈ Film Noir
- 413D31
≈ Bold Eagle
삼각 배색 +120° +240°
- 453B32
Blackish Brown
- 31413E
≈ Darkest Spruce
- 3F3B46
≈ Ship Grey
분열 보색 +150° +210°
- 453B32
Blackish Brown
- 314044
≈ Big Stone
- 3A3C48
≈ Mountain Fig
사각 배색 +90° +180° +270°
- 453B32
Blackish Brown
- 354038
≈ Roycroft Bottle Green
- 343F47
≈ Big Stone
- 443942
≈ Priceless Purple
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.91:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.92:1 · APCA Lc 7
가장 좋은 글자색: #FFFFFF
WCAG 10.91:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--blackish-brown: #453b32;
--blackish-brown-rgb: 69 59 50;
--blackish-brown-oklch: oklch(0.36 0.021 64.1);
}
.element {
color: var(--blackish-brown);
background-color: hsl(28 16% 23%);
border-color: oklch(0.36 0.021 64.1);
}Tailwind CSS v4
@theme {
--color-blackish-brown: #453b32;
--color-blackish-brown-50: #f9f4ef;
--color-blackish-brown-100: #ede7e1;
--color-blackish-brown-200: #dbd3cb;
--color-blackish-brown-300: #bfb6ad;
--color-blackish-brown-400: #a79c92;
--color-blackish-brown-500: #908478;
--color-blackish-brown-600: #7a6f66;
--color-blackish-brown-700: #625951;
--color-blackish-brown-800: #48413b;
--color-blackish-brown-900: #322d29;
--color-blackish-brown-950: #1e1a16;
}SCSS
$blackish-brown: #453b32;
$blackish-brown-rgb: 69, 59, 50;
$blackish-brown-light: mix(#fff, $blackish-brown, 20%);
$blackish-brown-dark: mix(#000, $blackish-brown, 20%);
.element {
color: $blackish-brown;
box-shadow: 0 0 0 2px rgba($blackish-brown, 0.35);
}