Benannte Farbe · #BAA38B
Sesame
Sesame ist #BAA38B: rgb(186 163 139), hsl(31 25% 64%), oklch(0.729 0.043 68.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sesame color name →
#BAA38B
oklch(0.729 0.043 68.3)
Farbumrechnungen
- HEX
- #baa38b
- RGB
- rgb(186 163 139)
- HSL
- hsl(31 25% 64%)
- HWB
- hwb(31 55% 27%)
- OKLCH
- oklch(0.729 0.043 68.3)
- OKLab
- oklab(0.729 0.016 0.04)
- CIE Lab
- lab(68.57 5.92 15.77)
- LCH
- lch(68.57 16.85 69.4)
- CMYK
- cmyk(0% 12% 25% 27%)
Tints · Shades · Tones
Tints
- C1AC96
- C8B5A1
- CEBEAD
- D5C7B8
- DCD0C4
- E3D9D0
- EAE3DB
- F1ECE7
- F8F6F3
Shades
- A18D78
- 897866
- 726354
- 5C4F43
- 463C32
- 322A23
- 1E1914
- 0D0A07
- 020101
Tones
- B49F8A
- AE9C89
- A89888
- A39587
- 9D9186
- 978E85
- 918A84
- 8B8782
- 868381
Farbharmonien
Komplementär +180°
- BAA38B
Sesame
- 93AAC2
≈ Cotton Denim
Analog -30° +30°
- BAA38B
Sesame
- C09F94
≈ Earth Warming
- AEA88A
≈ Bland
Triadisch +120° +240°
- BAA38B
Sesame
- 89B1AC
≈ Jitterbug Lure
- AFA1BD
≈ Iris Blossom
Geteilt komplementär +150° +210°
- BAA38B
Sesame
- 8AAFBA
≈ Sebastian Inlet
- A1A5C3
≈ Wild Phlox
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.41:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.69:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.69:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--sesame: #baa38b;
--sesame-rgb: 186 163 139;
--sesame-oklch: oklch(0.729 0.043 68.3);
}
.element {
color: var(--sesame);
background-color: hsl(31 25% 64%);
border-color: oklch(0.729 0.043 68.3);
}Tailwind CSS v4
@theme {
--color-sesame: #baa38b;
--color-sesame-50: #fdf3e8;
--color-sesame-100: #f1e6d9;
--color-sesame-200: #e1d2c1;
--color-sesame-300: #c6b4a0;
--color-sesame-400: #b09a84;
--color-sesame-500: #9a8168;
--color-sesame-600: #826d58;
--color-sesame-700: #685846;
--color-sesame-800: #4d4033;
--color-sesame-900: #352c22;
--color-sesame-950: #211912;
}SCSS
$sesame: #baa38b;
$sesame-rgb: 186, 163, 139;
$sesame-light: mix(#fff, $sesame, 20%);
$sesame-dark: mix(#000, $sesame, 20%);
.element {
color: $sesame;
box-shadow: 0 0 0 2px rgba($sesame, 0.35);
}