Nächste benannte Farbe · #E3125A
#E3125A
Nächste benannte Farbe: Framboise
#E3125A (rgb(227 18 90), hsl(339 85% 48%), oklch(0.589 0.229 11.1)) liegt am nächsten an der benannten Farbe Framboise. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E3125A
oklch(0.589 0.229 11.1)
Farbumrechnungen
- HEX
- #e3125a
- RGB
- rgb(227 18 90)
- HSL
- hsl(339 85% 48%)
- HWB
- hwb(339 7% 11%)
- OKLCH
- oklch(0.589 0.229 11.1)
- OKLab
- oklab(0.589 0.225 0.044)
- CIE Lab
- lab(49.67 74.25 19.73)
- LCH
- lch(49.67 76.83 14.9)
- CMYK
- cmyk(0% 92% 60% 11%)
Tints · Shades · Tones
Tints
- E93F69
- EF5B79
- F47289
- F88899
- FC9CAA
- FEB1BA
- FFC4CB
- FFD8DC
- FFECED
Shades
- C50E4D
- A80A41
- 8C0735
- 710429
- 57021E
- 3F0113
- 270109
- 120003
- 030000
Tones
- DB2F5E
- D34062
- CA4C66
- C1566A
- B85F6D
- AE6771
- A46E75
- 997579
- 8D7B7C
Farbharmonien
Komplementär +180°
- E3125A
Framboise
- 00908B
≈ Supermint
Analog -30° +30°
- E3125A
Framboise
- CE29A4
≈ Perfectly Purple Place
- D04B00
≈ Ōkaihau Express
Triadisch +120° +240°
- E3125A
Framboise
- 598F00
≈ Vida Loca
- 007EDE
≈ Soothing Sapphire
Geteilt komplementär +150° +210°
- E3125A
Framboise
- 009463
≈ Emerald Lake
- 008BAA
≈ Quintana
Tetradisch +90° +180° +270°
- E3125A
Framboise
- 8D7E00
≈ Moscow Papyrus
- 00908B
≈ Supermint
- 6D5DFE
≈ Blue Genie
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.66:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.50:1 · APCA Lc 32
Beste Textfarbe: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--framboise: #e3125a;
--framboise-rgb: 227 18 90;
--framboise-oklch: oklch(0.589 0.229 11.1);
}
.element {
color: var(--framboise);
background-color: hsl(339 85% 48%);
border-color: oklch(0.589 0.229 11.1);
}Tailwind CSS v4
@theme {
--color-framboise: #e3125a;
--color-framboise-50: #ffdbe2;
--color-framboise-100: #ffc8d2;
--color-framboise-200: #ffa9b8;
--color-framboise-300: #ff7e95;
--color-framboise-400: #ff527c;
--color-framboise-500: #f7005f;
--color-framboise-600: #d10651;
--color-framboise-700: #a80940;
--color-framboise-800: #7d0431;
--color-framboise-900: #590421;
--color-framboise-950: #3b0011;
}SCSS
$framboise: #e3125a;
$framboise-rgb: 227, 18, 90;
$framboise-light: mix(#fff, $framboise, 20%);
$framboise-dark: mix(#000, $framboise, 20%);
.element {
color: $framboise;
box-shadow: 0 0 0 2px rgba($framboise, 0.35);
}