Benannte Farbe · #D4B78F
Asian Jute
Asian Jute ist #D4B78F: rgb(212 183 143), hsl(35 45% 70%), oklch(0.795 0.063 75.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Asian Jute color name →
#D4B78F
oklch(0.795 0.063 75.5)
Farbumrechnungen
- HEX
- #d4b78f
- RGB
- rgb(212 183 143)
- HSL
- hsl(35 45% 70%)
- HWB
- hwb(35 56% 17%)
- OKLCH
- oklch(0.795 0.063 75.5)
- OKLab
- oklab(0.795 0.016 0.061)
- CIE Lab
- lab(76.23 6.49 24.46)
- LCH
- lch(76.23 25.3 75.1)
- CMYK
- cmyk(0% 14% 33% 17%)
Tints · Shades · Tones
Tints
- D8BE9A
- DDC5A5
- E1CCB0
- E5D4BB
- EADBC7
- EEE2D2
- F2E9DD
- F6F0E8
- FBF8F4
Shades
- B89F7C
- 9D8769
- 837057
- 695A45
- 514534
- 3A3124
- 241E15
- 100C07
- 020201
Tones
- CBB18E
- C3AC8D
- BAA68B
- B2A18A
- A99B88
- A19687
- 999085
- 908B84
- 888582
Farbharmonien
Komplementär +180°
- D4B78F
Asian Jute
- A2BEE5
≈ Blue Lips
Analog -30° +30°
- D4B78F
Asian Jute
- DFB09B
≈ Pink Sand
- C1BF90
≈ Brimstone Butterfly
Triadisch +120° +240°
- D4B78F
Asian Jute
- 8BC9C9
≈ Embellished Blue
- CCB0D8
≈ Sea Lavender
Geteilt komplementär +150° +210°
- D4B78F
Asian Jute
- 90C5DB
≈ Caribbean Coast
- B8B7E4
≈ Beloved
Tetradisch +90° +180° +270°
- D4B78F
Asian Jute
- 96C9B2
≈ Lobaria Lichen
- A2BEE5
≈ Blue Lips
- DBACC5
≈ Roseate Spoonbill
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.91:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.96:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.96:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--asian-jute: #d4b78f;
--asian-jute-rgb: 212 183 143;
--asian-jute-oklch: oklch(0.795 0.063 75.5);
}
.element {
color: var(--asian-jute);
background-color: hsl(35 45% 70%);
border-color: oklch(0.795 0.063 75.5);
}Tailwind CSS v4
@theme {
--color-asian-jute: #d4b78f;
--color-asian-jute-50: #fff3e2;
--color-asian-jute-100: #f4e6d1;
--color-asian-jute-200: #e4d1b7;
--color-asian-jute-300: #cab494;
--color-asian-jute-400: #b49a75;
--color-asian-jute-500: #9f8156;
--color-asian-jute-600: #866d49;
--color-asian-jute-700: #6b573a;
--color-asian-jute-800: #503f29;
--color-asian-jute-900: #372b1c;
--color-asian-jute-950: #22190c;
}SCSS
$asian-jute: #d4b78f;
$asian-jute-rgb: 212, 183, 143;
$asian-jute-light: mix(#fff, $asian-jute, 20%);
$asian-jute-dark: mix(#000, $asian-jute, 20%);
.element {
color: $asian-jute;
box-shadow: 0 0 0 2px rgba($asian-jute, 0.35);
}