이름 색상 · #B38B6D
Jama Masjid Taupe
Jama Masjid Taupe은(는) #B38B6D: rgb(179 139 109), hsl(26 32% 56%), oklch(0.667 0.065 58.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Jama Masjid Taupe color name →
#B38B6D
oklch(0.667 0.065 58.2)
색상 변환
- HEX
- #b38b6d
- RGB
- rgb(179 139 109)
- HSL
- hsl(26 32% 56%)
- HWB
- hwb(26 43% 30%)
- OKLCH
- oklch(0.667 0.065 58.2)
- OKLab
- oklab(0.667 0.034 0.055)
- CIE Lab
- lab(61.19 12.69 22.22)
- LCH
- lch(61.19 25.59 60.3)
- CMYK
- cmyk(0% 22% 39% 30%)
틴트 · 셰이드 · 톤
틴트
- BB967B
- C2A189
- CAAD97
- D2B8A6
- D9C4B4
- E1D0C3
- E8DBD2
- F0E7E1
- F7F3F0
셰이드
- 9B785E
- 84664F
- 6E5441
- 584333
- 433226
- 2F2319
- 1D140D
- 0C0704
- 010101
톤
- AE8A6F
- A98971
- A48873
- 9F8775
- 9A8677
- 958579
- 90847B
- 8A827D
- 85817E
색 조화
보색 +180°
- B38B6D
Jama Masjid Taupe
- 6F9BB8
≈ Ocean View
유사색 -30° +30°
- B38B6D
Jama Masjid Taupe
- B9867E
≈ Red Clover
- A59366
≈ Olive Rush
삼각 배색 +120° +240°
- B38B6D
Jama Masjid Taupe
- 67A294
≈ Emerald Oasis
- 998CB7
≈ Brave Purple
분열 보색 +150° +210°
- B38B6D
Jama Masjid Taupe
- 63A0A9
≈ Aqua Sea
- 8393BD
≈ Soothsayer
사각 배색 +90° +180° +270°
- B38B6D
Jama Masjid Taupe
- 79A07E
≈ Green Grey
- 6F9BB8
≈ Ocean View
- AB87A9
≈ Dusty Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.07:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.83:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.83:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--jama-masjid-taupe: #b38b6d;
--jama-masjid-taupe-rgb: 179 139 109;
--jama-masjid-taupe-oklch: oklch(0.667 0.065 58.2);
}
.element {
color: var(--jama-masjid-taupe);
background-color: hsl(26 32% 56%);
border-color: oklch(0.667 0.065 58.2);
}Tailwind CSS v4
@theme {
--color-jama-masjid-taupe: #b38b6d;
--color-jama-masjid-taupe-50: #fff1e3;
--color-jama-masjid-taupe-100: #f9e3d3;
--color-jama-masjid-taupe-200: #eaceb9;
--color-jama-masjid-taupe-300: #d1b097;
--color-jama-masjid-taupe-400: #bc9679;
--color-jama-masjid-taupe-500: #a77c5b;
--color-jama-masjid-taupe-600: #8d694d;
--color-jama-masjid-taupe-700: #71543e;
--color-jama-masjid-taupe-800: #543d2c;
--color-jama-masjid-taupe-900: #3a2a1e;
--color-jama-masjid-taupe-950: #24170e;
}SCSS
$jama-masjid-taupe: #b38b6d;
$jama-masjid-taupe-rgb: 179, 139, 109;
$jama-masjid-taupe-light: mix(#fff, $jama-masjid-taupe, 20%);
$jama-masjid-taupe-dark: mix(#000, $jama-masjid-taupe, 20%);
.element {
color: $jama-masjid-taupe;
box-shadow: 0 0 0 2px rgba($jama-masjid-taupe, 0.35);
}