Benannte Farbe · #C3738D
Prehistoric Pink
Prehistoric Pink ist #C3738D: rgb(195 115 141), hsl(341 40% 61%), oklch(0.65 0.105 359.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Prehistoric Pink color name →
#C3738D
oklch(0.65 0.105 359.5)
Farbumrechnungen
- HEX
- #c3738d
- RGB
- rgb(195 115 141)
- HSL
- hsl(341 40% 61%)
- HWB
- hwb(341 45% 24%)
- OKLCH
- oklch(0.65 0.105 359.5)
- OKLab
- oklab(0.65 0.105 -0.001)
- CIE Lab
- lab(58.08 34.64 0.09)
- LCH
- lch(58.08 34.64 0.2)
- CMYK
- cmyk(0% 41% 28% 24%)
Tints · Shades · Tones
Tints
- CA8198
- D18FA3
- D79CAE
- DEAAB9
- E4B8C4
- EAC6D0
- EFD4DC
- F5E2E7
- FAF1F3
Shades
- A9637A
- 905467
- 784555
- 603644
- 4A2833
- 341B23
- 200F14
- 0E0507
- 020101
Tones
- BD758C
- B6768A
- B07889
- AA7988
- A37B86
- 9C7C85
- 967D84
- 8F7E83
- 877F81
Farbharmonien
Komplementär +180°
- C3738D
Prehistoric Pink
- 30A491
≈ Fishy House
Analog -30° +30°
- C3738D
Prehistoric Pink
- B377AE
≈ Eccentric Magenta
- C77669
≈ Red Sparowes
Triadisch +120° +240°
- C3738D
Prehistoric Pink
- 88984B
≈ Apple Jack
- 4C97C8
≈ Blue Paradise
Geteilt komplementär +150° +210°
- C3738D
Prehistoric Pink
- 5EA16C
≈ Great Gazoo
- 23A0B2
≈ Fischer Blue
Tetradisch +90° +180° +270°
- C3738D
Prehistoric Pink
- A88C3B
≈ Spring Branch
- 30A491
≈ Fishy House
- 768CD0
≈ True Lavender
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.41:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.15:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.15:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--prehistoric-pink: #c3738d;
--prehistoric-pink-rgb: 195 115 141;
--prehistoric-pink-oklch: oklch(0.65 0.105 359.5);
}
.element {
color: var(--prehistoric-pink);
background-color: hsl(341 40% 61%);
border-color: oklch(0.65 0.105 359.5);
}Tailwind CSS v4
@theme {
--color-prehistoric-pink: #c3738d;
--color-prehistoric-pink-50: #ffe9f3;
--color-prehistoric-pink-100: #ffdae5;
--color-prehistoric-pink-200: #fcc2d1;
--color-prehistoric-pink-300: #e5a1b4;
--color-prehistoric-pink-400: #d1849c;
--color-prehistoric-pink-500: #bd6784;
--color-prehistoric-pink-600: #a05770;
--color-prehistoric-pink-700: #814659;
--color-prehistoric-pink-800: #5f3242;
--color-prehistoric-pink-900: #43222e;
--color-prehistoric-pink-950: #2b111b;
}SCSS
$prehistoric-pink: #c3738d;
$prehistoric-pink-rgb: 195, 115, 141;
$prehistoric-pink-light: mix(#fff, $prehistoric-pink, 20%);
$prehistoric-pink-dark: mix(#000, $prehistoric-pink, 20%);
.element {
color: $prehistoric-pink;
box-shadow: 0 0 0 2px rgba($prehistoric-pink, 0.35);
}