Nazwany kolor · #B38B6D
Jama Masjid Taupe
Jama Masjid Taupe to #B38B6D: rgb(179 139 109), hsl(26 32% 56%), oklch(0.667 0.065 58.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Jama Masjid Taupe color name →
#B38B6D
oklch(0.667 0.065 58.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BB967B
- C2A189
- CAAD97
- D2B8A6
- D9C4B4
- E1D0C3
- E8DBD2
- F0E7E1
- F7F3F0
Odcienie ciemniejsze
- 9B785E
- 84664F
- 6E5441
- 584333
- 433226
- 2F2319
- 1D140D
- 0C0704
- 010101
Tony
- AE8A6F
- A98971
- A48873
- 9F8775
- 9A8677
- 958579
- 90847B
- 8A827D
- 85817E
Harmonie kolorów
Komplementarna +180°
- B38B6D
Jama Masjid Taupe
- 6F9BB8
≈ Ocean View
Analogowa -30° +30°
- B38B6D
Jama Masjid Taupe
- B9867E
≈ Red Clover
- A59366
≈ Olive Rush
Triada +120° +240°
- B38B6D
Jama Masjid Taupe
- 67A294
≈ Emerald Oasis
- 998CB7
≈ Brave Purple
Komplementarna rozszczepiona +150° +210°
- B38B6D
Jama Masjid Taupe
- 63A0A9
≈ Aqua Sea
- 8393BD
≈ Soothsayer
Tetrada +90° +180° +270°
- B38B6D
Jama Masjid Taupe
- 79A07E
≈ Green Grey
- 6F9BB8
≈ Ocean View
- AB87A9
≈ Dusty Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.07:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.83:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.83:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
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);
}