Named color · #E5D2B0
Bisque Tan
Bisque Tan is #E5D2B0: rgb(229 210 176), hsl(38 50% 79%), oklch(0.871 0.05 82.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Bisque Tan color name →
#E5D2B0
oklch(0.871 0.05 82.1)
Color conversions
- HEX
- #e5d2b0
- RGB
- rgb(229 210 176)
- HSL
- hsl(38 50% 79%)
- HWB
- hwb(38 69% 10%)
- OKLCH
- oklch(0.871 0.05 82.1)
- OKLab
- oklab(0.871 0.007 0.049)
- CIE Lab
- lab(85.13 2.94 19.44)
- LCH
- lch(85.13 19.66 81.4)
- CMYK
- cmyk(0% 8% 23% 10%)
Tints · Shades · Tones
Tints
- E8D6B8
- EADBC0
- EDDFC8
- EFE4D0
- F2E8D7
- F5EDDF
- F7F1E7
- FAF6EF
- FCFAF7
Shades
- C7B699
- AA9B82
- 8E816C
- 726856
- 585042
- 3F392E
- 28241C
- 12100B
- 030201
Tones
- DACAAB
- D0C1A6
- C6B9A2
- BBB09D
- B1A898
- A7A093
- 9D988E
- 93908A
- 8A8885
Color harmonies
Complementary +180°
- E5D2B0
Bisque Tan
- C3D5F6
≈ Mr. Glass
Analogous -30° +30°
- E5D2B0
Bisque Tan
- F0CCB7
≈ Desert Field
- D5D8B3
≈ Prairie Willow
Triadic +120° +240°
- E5D2B0
Bisque Tan
- AFDFE3
≈ Opal
- E5CAE8
≈ Syrian Violet
Split-complementary +150° +210°
- E5D2B0
Bisque Tan
- B5DBF0
≈ Seashore Dreams
- D5CFF3
≈ Plum’s the Word
Tetradic +90° +180° +270°
- E5D2B0
Bisque Tan
- B4E0D1
≈ Jade Sea
- C3D5F6
≈ Mr. Glass
- F0C8D8
≈ Lily Legs
Contrast & accessibility
Ag
FailOn white
WCAG 1.48:1 · APCA Lc 23
Ag
AAAOn black
WCAG 14.17:1 · APCA Lc 81
Best text color: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--bisque-tan: #e5d2b0;
--bisque-tan-rgb: 229 210 176;
--bisque-tan-oklch: oklch(0.871 0.05 82.1);
}
.element {
color: var(--bisque-tan);
background-color: hsl(38 50% 79%);
border-color: oklch(0.871 0.05 82.1);
}Tailwind CSS v4
@theme {
--color-bisque-tan: #e5d2b0;
--color-bisque-tan-50: #fcf4e5;
--color-bisque-tan-100: #f0e7d6;
--color-bisque-tan-200: #ded3bd;
--color-bisque-tan-300: #c3b69b;
--color-bisque-tan-400: #ad9c7d;
--color-bisque-tan-500: #978360;
--color-bisque-tan-600: #7f6f52;
--color-bisque-tan-700: #665941;
--color-bisque-tan-800: #4b412f;
--color-bisque-tan-900: #342d20;
--color-bisque-tan-950: #201a0f;
}SCSS
$bisque-tan: #e5d2b0;
$bisque-tan-rgb: 229, 210, 176;
$bisque-tan-light: mix(#fff, $bisque-tan, 20%);
$bisque-tan-dark: mix(#000, $bisque-tan, 20%);
.element {
color: $bisque-tan;
box-shadow: 0 0 0 2px rgba($bisque-tan, 0.35);
}