Benannte Farbe · #B99684
Brush
Brush ist #B99684: rgb(185 150 132), hsl(20 27% 62%), oklch(0.7 0.049 48.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Brush color name →
#B99684
oklch(0.7 0.049 48.7)
Farbumrechnungen
- HEX
- #b99684
- RGB
- rgb(185 150 132)
- HSL
- hsl(20 27% 62%)
- HWB
- hwb(20 52% 27%)
- OKLCH
- oklch(0.7 0.049 48.7)
- OKLab
- oklab(0.7 0.033 0.037)
- CIE Lab
- lab(65.01 11.53 14.73)
- LCH
- lch(65.01 18.71 51.9)
- CMYK
- cmyk(0% 19% 29% 27%)
Tints · Shades · Tones
Tints
- C0A090
- C7AA9C
- CEB5A8
- D5BFB4
- DCC9C0
- E3D4CC
- EADFD9
- F1E9E5
- F8F4F2
Shades
- A08272
- 896E60
- 715B4F
- 5B493F
- 46372F
- 312620
- 1E1612
- 0D0806
- 020101
Tones
- B39484
- AE9283
- A89083
- A28D83
- 9D8B82
- 978982
- 918781
- 8B8481
- 868281
Farbharmonien
Komplementär +180°
- B99684
Brush
- 7FA5B7
≈ Inner Sanctum
Analog -30° +30°
- B99684
Brush
- BC9393
≈ Cherry Juice
- B09B7C
≈ Incense
Triadisch +120° +240°
- B99684
Brush
- 81A999
≈ Catnip
- 9D9ABC
≈ Grape Gatsby
Geteilt komplementär +150° +210°
- B99684
Brush
- 7AA8AA
≈ Pompeius Blue
- 8CA0BE
≈ Electric Sky
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.70:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.75:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.75:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--brush: #b99684;
--brush-rgb: 185 150 132;
--brush-oklch: oklch(0.7 0.049 48.7);
}
.element {
color: var(--brush);
background-color: hsl(20 27% 62%);
border-color: oklch(0.7 0.049 48.7);
}Tailwind CSS v4
@theme {
--color-brush: #b99684;
--color-brush-50: #fff2e9;
--color-brush-100: #f6e4d9;
--color-brush-200: #e7cfc2;
--color-brush-300: #cdb1a1;
--color-brush-400: #b89685;
--color-brush-500: #a27d6a;
--color-brush-600: #896a5a;
--color-brush-700: #6e5447;
--color-brush-800: #513d34;
--color-brush-900: #392a23;
--color-brush-950: #231812;
}SCSS
$brush: #b99684;
$brush-rgb: 185, 150, 132;
$brush-light: mix(#fff, $brush, 20%);
$brush-dark: mix(#000, $brush, 20%);
.element {
color: $brush;
box-shadow: 0 0 0 2px rgba($brush, 0.35);
}