Nächste benannte Farbe · #B97671
#B97671
Nächste benannte Farbe: Nipple
#B97671 (rgb(185 118 113), hsl(4 34% 58%), oklch(0.635 0.085 24.4)) liegt am nächsten an der benannten Farbe Nipple. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B97671
oklch(0.635 0.085 24.4)
Farbumrechnungen
- HEX
- #b97671
- RGB
- rgb(185 118 113)
- HSL
- hsl(4 34% 58%)
- HWB
- hwb(4 44% 27%)
- OKLCH
- oklch(0.635 0.085 24.4)
- OKLab
- oklab(0.635 0.078 0.035)
- CIE Lab
- lab(56.86 26.59 14.31)
- LCH
- lch(56.86 30.2 28.3)
- CMYK
- cmyk(0% 36% 39% 27%)
Tints · Shades · Tones
Tints
- C1837E
- C8918C
- D09E9A
- D7ACA8
- DEB9B6
- E5C7C4
- ECD5D3
- F2E3E1
- F9F1F0
Shades
- A06661
- 895652
- 714743
- 5B3835
- 462927
- 311C1A
- 1E0F0E
- 0D0504
- 020101
Tones
- B47773
- AE7974
- A97A76
- A37B77
- 9E7C79
- 987D7A
- 927E7C
- 8C7F7D
- 867F7F
Farbharmonien
Komplementär +180°
- B97671
Nipple
- 409AA3
≈ Water Carrier
Analog -30° +30°
- B97671
Nipple
- B4758E
≈ Strawberry Surprise
- B37D58
≈ Pastry Shell
Triadisch +120° +240°
- B97671
Nipple
- 6A996A
≈ Leafy
- 718ABF
≈ Dayflower Blue
Geteilt komplementär +150° +210°
- B97671
Nipple
- 4C9C87
≈ Dioptase Green
- 5393B7
≈ Vanity
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.56:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.89:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--nipple: #b97671;
--nipple-rgb: 185 118 113;
--nipple-oklch: oklch(0.635 0.085 24.4);
}
.element {
color: var(--nipple);
background-color: hsl(4 34% 58%);
border-color: oklch(0.635 0.085 24.4);
}Tailwind CSS v4
@theme {
--color-nipple: #b97671;
--color-nipple-50: #ffece8;
--color-nipple-100: #ffded9;
--color-nipple-200: #f7c7c1;
--color-nipple-300: #e0a7a0;
--color-nipple-400: #cc8b86;
--color-nipple-500: #b86f6a;
--color-nipple-600: #9c5e5a;
--color-nipple-700: #7d4b48;
--color-nipple-800: #5d3635;
--color-nipple-900: #412524;
--color-nipple-950: #291313;
}SCSS
$nipple: #b97671;
$nipple-rgb: 185, 118, 113;
$nipple-light: mix(#fff, $nipple, 20%);
$nipple-dark: mix(#000, $nipple, 20%);
.element {
color: $nipple;
box-shadow: 0 0 0 2px rgba($nipple, 0.35);
}