Adlandırılmış renk · #B9A281
Taupe
Taupe, #B9A281: rgb(185 162 129), hsl(35 29% 62%), oklch(0.724 0.053 76.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Taupe color name →
#B9A281
oklch(0.724 0.053 76.7)
Renk dönüşümleri
- HEX
- #b9a281
- RGB
- rgb(185 162 129)
- HSL
- hsl(35 29% 62%)
- HWB
- hwb(35 51% 27%)
- OKLCH
- oklch(0.724 0.053 76.7)
- OKLab
- oklab(0.724 0.012 0.051)
- CIE Lab
- lab(68.04 5.01 20.49)
- LCH
- lch(68.04 21.09 76.3)
- CMYK
- cmyk(0% 12% 30% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C0AB8D
- C7B49A
- CEBDA6
- D5C6B2
- DCD0BF
- E3D9CC
- EAE2D8
- F1ECE5
- F8F5F2
Koyu tonlar
- A08C6F
- 89775E
- 71634E
- 5B4F3E
- 463C2E
- 312A1F
- 1E1912
- 0D0A06
- 020101
Gri tonlar
- B39F81
- AD9B81
- A89881
- A29481
- 9C9181
- 978E81
- 918A81
- 8B8781
- 868380
Renk uyumları
Tamamlayıcı +180°
- B9A281
Taupe
- 91A8C7
≈ Bachelor Blue
Analog -30° +30°
- B9A281
Taupe
- C39C8A
≈ Chestnut Bisque
- A9A982
≈ Brisk Olive
Üçlü +120° +240°
- B9A281
Taupe
- 7FB1B1
≈ Cold Front Green
- B39CBC
≈ Grape Smoke
Bölünmüş tamamlayıcı +150° +210°
- B9A281
Taupe
- 83ADC0
≈ Arabella
- A3A1C6
≈ May Mist
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.45:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.54:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--taupe: #b9a281;
--taupe-rgb: 185 162 129;
--taupe-oklch: oklch(0.724 0.053 76.7);
}
.element {
color: var(--taupe);
background-color: hsl(35 29% 62%);
border-color: oklch(0.724 0.053 76.7);
}Tailwind CSS v4
@theme {
--color-taupe: #b9a281;
--color-taupe-50: #fef4e5;
--color-taupe-100: #f2e6d5;
--color-taupe-200: #e1d2bc;
--color-taupe-300: #c6b59a;
--color-taupe-400: #b09b7c;
--color-taupe-500: #9a825e;
--color-taupe-600: #826e50;
--color-taupe-700: #685840;
--color-taupe-800: #4d402e;
--color-taupe-900: #362c1f;
--color-taupe-950: #21190f;
}SCSS
$taupe: #b9a281;
$taupe-rgb: 185, 162, 129;
$taupe-light: mix(#fff, $taupe, 20%);
$taupe-dark: mix(#000, $taupe, 20%);
.element {
color: $taupe;
box-shadow: 0 0 0 2px rgba($taupe, 0.35);
}