Nächste benannte Farbe · #BB908E
#BB908E
Nächste benannte Farbe: Rosy Brown
#BB908E (rgb(187 144 142), hsl(3 25% 65%), oklch(0.693 0.052 21.6)) liegt am nächsten an der benannten Farbe Rosy Brown. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#BB908E
oklch(0.693 0.052 21.6)
Farbumrechnungen
- HEX
- #bb908e
- RGB
- rgb(187 144 142)
- HSL
- hsl(3 25% 65%)
- HWB
- hwb(3 56% 27%)
- OKLCH
- oklch(0.693 0.052 21.6)
- OKLab
- oklab(0.693 0.049 0.019)
- CIE Lab
- lab(63.91 16.53 7.67)
- LCH
- lch(63.91 18.22 24.9)
- CMYK
- cmyk(0% 23% 24% 27%)
Tints · Shades · Tones
Tints
- C29B99
- C9A5A4
- D0B0AF
- D7BBBA
- DEC6C5
- E4D2D0
- EBDDDC
- F2E8E8
- F8F4F3
Shades
- A27D7B
- 8A6A68
- 735756
- 5C4544
- 463434
- 322424
- 1F1515
- 0D0707
- 020101
Tones
- B58E8D
- AF8D8B
- A98B8A
- A48A88
- 9E8887
- 988786
- 928584
- 8C8383
- 868281
Farbharmonien
Komplementär +180°
- BB908E
Rosy Brown
- 75A7AA
≈ Cresting Waves
Analog -30° +30°
- BB908E
Rosy Brown
- B78FA0
≈ Lover’s Tryst
- B8947F
≈ Caramelised
Triadisch +120° +240°
- BB908E
Rosy Brown
- 8BA587
≈ Mermaid’s Cove
- 8B9DBE
≈ Lavender Lustre
Geteilt komplementär +150° +210°
- BB908E
Rosy Brown
- 7BA798
≈ Verdigreen
- 7CA3B8
≈ Grey Blue
Tetradisch +90° +180° +270°
- BB908E
Rosy Brown
- 9DA07B
≈ French Parsley
- 75A7AA
≈ Cresting Waves
- 9C97BB
≈ Grape Gatsby
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.49:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--rosy-brown: #bb908e;
--rosy-brown-rgb: 187 144 142;
--rosy-brown-oklch: oklch(0.693 0.052 21.6);
}
.element {
color: var(--rosy-brown);
background-color: hsl(3 25% 65%);
border-color: oklch(0.693 0.052 21.6);
}Tailwind CSS v4
@theme {
--color-rosy-brown: #bb908e;
--color-rosy-brown-50: #fff0ee;
--color-rosy-brown-100: #f9e2e0;
--color-rosy-brown-200: #eaccca;
--color-rosy-brown-300: #d1aeab;
--color-rosy-brown-400: #bc9391;
--color-rosy-brown-500: #a67977;
--color-rosy-brown-600: #8d6665;
--color-rosy-brown-700: #715250;
--color-rosy-brown-800: #533b3b;
--color-rosy-brown-900: #3a2928;
--color-rosy-brown-950: #241616;
}SCSS
$rosy-brown: #bb908e;
$rosy-brown-rgb: 187, 144, 142;
$rosy-brown-light: mix(#fff, $rosy-brown, 20%);
$rosy-brown-dark: mix(#000, $rosy-brown, 20%);
.element {
color: $rosy-brown;
box-shadow: 0 0 0 2px rgba($rosy-brown, 0.35);
}