Nazwany kolor · #E5D2B0
Bisque Tan
Bisque Tan to #E5D2B0: rgb(229 210 176), hsl(38 50% 79%), oklch(0.871 0.05 82.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Bisque Tan color name →
#E5D2B0
oklch(0.871 0.05 82.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8D6B8
- EADBC0
- EDDFC8
- EFE4D0
- F2E8D7
- F5EDDF
- F7F1E7
- FAF6EF
- FCFAF7
Odcienie ciemniejsze
- C7B699
- AA9B82
- 8E816C
- 726856
- 585042
- 3F392E
- 28241C
- 12100B
- 030201
Tony
- DACAAB
- D0C1A6
- C6B9A2
- BBB09D
- B1A898
- A7A093
- 9D988E
- 93908A
- 8A8885
Harmonie kolorów
Komplementarna +180°
- E5D2B0
Bisque Tan
- C3D5F6
≈ Mr. Glass
Analogowa -30° +30°
- E5D2B0
Bisque Tan
- F0CCB7
≈ Desert Field
- D5D8B3
≈ Prairie Willow
Triada +120° +240°
- E5D2B0
Bisque Tan
- AFDFE3
≈ Opal
- E5CAE8
≈ Syrian Violet
Komplementarna rozszczepiona +150° +210°
- E5D2B0
Bisque Tan
- B5DBF0
≈ Seashore Dreams
- D5CFF3
≈ Plum’s the Word
Tetrada +90° +180° +270°
- E5D2B0
Bisque Tan
- B4E0D1
≈ Jade Sea
- C3D5F6
≈ Mr. Glass
- F0C8D8
≈ Lily Legs
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.48:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.17:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}