Benannte Farbe · #B37E8C
Degas Pink
Degas Pink ist #B37E8C: rgb(179 126 140), hsl(344 26% 60%), oklch(0.65 0.068 1.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Degas Pink color name →
#B37E8C
oklch(0.65 0.068 1.8)
Farbumrechnungen
- HEX
- #b37e8c
- RGB
- rgb(179 126 140)
- HSL
- hsl(344 26% 60%)
- HWB
- hwb(344 49% 30%)
- OKLCH
- oklch(0.65 0.068 1.8)
- OKLab
- oklab(0.65 0.068 0.002)
- CIE Lab
- lab(58.58 22.69 1.08)
- LCH
- lch(58.58 22.71 2.7)
- CMYK
- cmyk(0% 30% 22% 30%)
Tints · Shades · Tones
Tints
- BB8A97
- C397A2
- CBA3AD
- D2B0B8
- DABDC4
- E1CACF
- E9D7DB
- F0E4E7
- F8F2F3
Shades
- 9B6D79
- 845C67
- 6E4C55
- 583C43
- 432D33
- 2F1F23
- 1D1114
- 0C0507
- 010101
Tones
- AE7E8B
- A97F8A
- A47F88
- 9F7F87
- 9A7F86
- 958085
- 908084
- 8B8082
- 858081
Farbharmonien
Komplementär +180°
- B37E8C
Degas Pink
- 5D9D92
≈ Treasure Isle
Analog -30° +30°
- B37E8C
Degas Pink
- A880A2
≈ Wild Lavender
- B58075
≈ Sauvignon Blanc
Triadisch +120° +240°
- B37E8C
Degas Pink
- 889667
≈ Cactus Valley
- 6A95B6
≈ Lupine Blue
Geteilt komplementär +150° +210°
- B37E8C
Degas Pink
- 709C7B
≈ Holiday Camp
- 5B9BA7
≈ Frost Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.34:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.27:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--degas-pink: #b37e8c;
--degas-pink-rgb: 179 126 140;
--degas-pink-oklch: oklch(0.65 0.068 1.8);
}
.element {
color: var(--degas-pink);
background-color: hsl(344 26% 60%);
border-color: oklch(0.65 0.068 1.8);
}Tailwind CSS v4
@theme {
--color-degas-pink: #b37e8c;
--color-degas-pink-50: #ffeef3;
--color-degas-pink-100: #fddfe5;
--color-degas-pink-200: #efc9d1;
--color-degas-pink-300: #d7a9b3;
--color-degas-pink-400: #c18e9b;
--color-degas-pink-500: #ac7383;
--color-degas-pink-600: #92626f;
--color-degas-pink-700: #754e58;
--color-degas-pink-800: #563841;
--color-degas-pink-900: #3c272d;
--color-degas-pink-950: #26151a;
}SCSS
$degas-pink: #b37e8c;
$degas-pink-rgb: 179, 126, 140;
$degas-pink-light: mix(#fff, $degas-pink, 20%);
$degas-pink-dark: mix(#000, $degas-pink, 20%);
.element {
color: $degas-pink;
box-shadow: 0 0 0 2px rgba($degas-pink, 0.35);
}