Benannte Farbe · #B07939
Durian
Durian ist #B07939: rgb(176 121 57), hsl(32 51% 46%), oklch(0.62 0.105 67.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Durian color name →
#B07939
oklch(0.62 0.105 67.7)
Farbumrechnungen
- HEX
- #b07939
- RGB
- rgb(176 121 57)
- HSL
- hsl(32 51% 46%)
- HWB
- hwb(32 22% 31%)
- OKLCH
- oklch(0.62 0.105 67.7)
- OKLab
- oklab(0.62 0.04 0.098)
- CIE Lab
- lab(55.7 17.58 43.11)
- LCH
- lch(55.7 46.55 67.8)
- CMYK
- cmyk(0% 31% 68% 31%)
Tints · Shades · Tones
Tints
- B8864F
- C09363
- C9A177
- D1AE8A
- D8BB9D
- E0C9B0
- E8D6C4
- F0E4D7
- F7F1EB
Shades
- 996830
- 825828
- 6C481F
- 563917
- 422B10
- 2E1D09
- 1C1004
- 0B0501
- 010100
Tones
- AB7A43
- A77B4B
- A27C53
- 9E7D5A
- 997E61
- 947E68
- 8F7F6E
- 8A7F74
- 85807A
Farbharmonien
Komplementär +180°
- B07939
Durian
- 4E8BC2
≈ Blueberry Popover
Analog -30° +30°
- B07939
Durian
- BC6E57
≈ Before Winter
- 978632
≈ Lemon Ginger
Triadisch +120° +240°
- B07939
Durian
- 109A92
≈ Stormy Strait Green
- 9874B7
≈ Purple Pride
Geteilt komplementär +150° +210°
- B07939
Durian
- 1B95B0
≈ Munsell Blue
- 777FC5
≈ Twilight Twinkle
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.72:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.64:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--durian: #b07939;
--durian-rgb: 176 121 57;
--durian-oklch: oklch(0.62 0.105 67.7);
}
.element {
color: var(--durian);
background-color: hsl(32 51% 46%);
border-color: oklch(0.62 0.105 67.7);
}Tailwind CSS v4
@theme {
--color-durian: #b07939;
--color-durian-50: #fff1d5;
--color-durian-100: #ffe2c3;
--color-durian-200: #f2cda4;
--color-durian-300: #dbae7c;
--color-durian-400: #c89257;
--color-durian-500: #b4772d;
--color-durian-600: #986528;
--color-durian-700: #7a5120;
--color-durian-800: #5b3a16;
--color-durian-900: #40280e;
--color-durian-950: #281602;
}SCSS
$durian: #b07939;
$durian-rgb: 176, 121, 57;
$durian-light: mix(#fff, $durian, 20%);
$durian-dark: mix(#000, $durian, 20%);
.element {
color: $durian;
box-shadow: 0 0 0 2px rgba($durian, 0.35);
}