Benannte Farbe · #C27E79
Brownish Pink
Brownish Pink ist #C27E79: rgb(194 126 121), hsl(4 37% 62%), oklch(0.662 0.086 24.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Brownish Pink color name →
#C27E79
oklch(0.662 0.086 24.2)
Farbumrechnungen
- HEX
- #c27e79
- RGB
- rgb(194 126 121)
- HSL
- hsl(4 37% 62%)
- HWB
- hwb(4 47% 24%)
- OKLCH
- oklch(0.662 0.086 24.2)
- OKLab
- oklab(0.662 0.078 0.035)
- CIE Lab
- lab(60 26.69 14.24)
- LCH
- lch(60 30.25 28.1)
- CMYK
- cmyk(0% 35% 38% 24%)
Tints · Shades · Tones
Tints
- C98B86
- CF9793
- D6A4A0
- DCB1AD
- E2BEBA
- E8CAC8
- EED7D5
- F4E5E3
- FAF2F1
Shades
- A86D68
- 8F5C58
- 774C48
- 603C39
- 492D2B
- 341F1D
- 201110
- 0E0505
- 020101
Tones
- BC7F7A
- B57F7B
- AF7F7B
- A9807C
- A2807D
- 9B807D
- 95807E
- 8E807F
- 87807F
Farbharmonien
Komplementär +180°
- C27E79
Brownish Pink
- 49A2AB
≈ Marlin Green
Analog -30° +30°
- C27E79
Brownish Pink
- BD7D96
≈ Polignac
- BC8560
≈ Orpington Chicken
Triadisch +120° +240°
- C27E79
Brownish Pink
- 72A172
≈ Hierba Santa
- 7892C8
≈ Blue Shock
Geteilt komplementär +150° +210°
- C27E79
Brownish Pink
- 54A48F
≈ Jargon Jade
- 5A9CC0
≈ Shakespeare
Tetradisch +90° +180° +270°
- C27E79
Brownish Pink
- 92995A
≈ Vitality
- 49A2AB
≈ Marlin Green
- 9689C3
≈ Magic Carpet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.20:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.55:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--brownish-pink: #c27e79;
--brownish-pink-rgb: 194 126 121;
--brownish-pink-oklch: oklch(0.662 0.086 24.2);
}
.element {
color: var(--brownish-pink);
background-color: hsl(4 37% 62%);
border-color: oklch(0.662 0.086 24.2);
}Tailwind CSS v4
@theme {
--color-brownish-pink: #c27e79;
--color-brownish-pink-50: #ffece8;
--color-brownish-pink-100: #ffded9;
--color-brownish-pink-200: #f7c7c1;
--color-brownish-pink-300: #e0a7a0;
--color-brownish-pink-400: #cc8b86;
--color-brownish-pink-500: #b86f6a;
--color-brownish-pink-600: #9c5e5a;
--color-brownish-pink-700: #7d4b48;
--color-brownish-pink-800: #5d3635;
--color-brownish-pink-900: #412524;
--color-brownish-pink-950: #291313;
}SCSS
$brownish-pink: #c27e79;
$brownish-pink-rgb: 194, 126, 121;
$brownish-pink-light: mix(#fff, $brownish-pink, 20%);
$brownish-pink-dark: mix(#000, $brownish-pink, 20%);
.element {
color: $brownish-pink;
box-shadow: 0 0 0 2px rgba($brownish-pink, 0.35);
}