이름 색상 · #B5A18A
Midtown
Midtown은(는) #B5A18A: rgb(181 161 138), hsl(32 23% 63%), oklch(0.72 0.04 71). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Midtown color name →
#B5A18A
oklch(0.72 0.04 71)
색상 변환
- HEX
- #b5a18a
- RGB
- rgb(181 161 138)
- HSL
- hsl(32 23% 63%)
- HWB
- hwb(32 54% 29%)
- OKLCH
- oklch(0.72 0.04 71)
- OKLab
- oklab(0.72 0.013 0.038)
- CIE Lab
- lab(67.55 4.85 14.84)
- LCH
- lch(67.55 15.62 71.9)
- CMYK
- cmyk(0% 11% 24% 29%)
틴트 · 셰이드 · 톤
틴트
- BCAA95
- C4B3A1
- CBBCAC
- D2C6B8
- DACFC3
- E1D9CF
- E8E2DB
- F0ECE7
- F7F5F3
셰이드
- 9D8B77
- 867665
- 6F6253
- 594E42
- 443C32
- 302A22
- 1D1914
- 0C0907
- 020101
톤
- B09E89
- AA9A88
- A59787
- A09486
- 9A9085
- 958D84
- 908A83
- 8A8782
- 858381
색 조화
보색 +180°
- B5A18A
Midtown
- 93A7BD
≈ Paris
유사색 -30° +30°
- B5A18A
Midtown
- BC9D92
≈ Coca Mocha
- AAA689
≈ Stone
삼각 배색 +120° +240°
- B5A18A
Midtown
- 89ADAB
≈ Hydrology
- AD9EB8
≈ Fragrant Satchel
분열 보색 +150° +210°
- B5A18A
Midtown
- 8AABB6
≈ Aquitaine
- A0A2BE
≈ Blue Buzz
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.49:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.42:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--midtown: #b5a18a;
--midtown-rgb: 181 161 138;
--midtown-oklch: oklch(0.72 0.04 71);
}
.element {
color: var(--midtown);
background-color: hsl(32 23% 63%);
border-color: oklch(0.72 0.04 71);
}Tailwind CSS v4
@theme {
--color-midtown: #b5a18a;
--color-midtown-50: #fcf4e9;
--color-midtown-100: #f0e6da;
--color-midtown-200: #dfd2c2;
--color-midtown-300: #c4b5a2;
--color-midtown-400: #ae9b85;
--color-midtown-500: #97826a;
--color-midtown-600: #806e5a;
--color-midtown-700: #665847;
--color-midtown-800: #4c4034;
--color-midtown-900: #352c23;
--color-midtown-950: #201912;
}SCSS
$midtown: #b5a18a;
$midtown-rgb: 181, 161, 138;
$midtown-light: mix(#fff, $midtown, 20%);
$midtown-dark: mix(#000, $midtown, 20%);
.element {
color: $midtown;
box-shadow: 0 0 0 2px rgba($midtown, 0.35);
}