Benannte Farbe · #B23E4F
Romantic Embers
Romantic Embers ist #B23E4F: rgb(178 62 79), hsl(351 48% 47%), oklch(0.532 0.15 15.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Romantic Embers color name →
#B23E4F
oklch(0.532 0.15 15.2)
Farbumrechnungen
- HEX
- #b23e4f
- RGB
- rgb(178 62 79)
- HSL
- hsl(351 48% 47%)
- HWB
- hwb(351 24% 30%)
- OKLCH
- oklch(0.532 0.15 15.2)
- OKLab
- oklab(0.532 0.145 0.04)
- CIE Lab
- lab(43.99 48.72 16.95)
- LCH
- lch(43.99 51.58 19.2)
- CMYK
- cmyk(0% 65% 56% 30%)
Tints · Shades · Tones
Tints
- BC535F
- C56770
- CE7A81
- D78D92
- DFA0A3
- E6B3B5
- EDC5C7
- F4D9D9
- FAECEC
Shades
- 9A3544
- 832B38
- 6D232E
- 571A23
- 431219
- 2F0A10
- 1D0407
- 0C0102
- 010000
Tones
- AE4754
- AB4F59
- A6565E
- A25D63
- 9D6468
- 986A6C
- 937071
- 8D7576
- 877B7B
Farbharmonien
Komplementär +180°
- B23E4F
Romantic Embers
- 007C7D
≈ Tropical Waters
Analog -30° +30°
- B23E4F
Romantic Embers
- A6417F
≈ Vivid Viola
- AF4802
≈ Skrag Brown
Triadisch +120° +240°
- B23E4F
Romantic Embers
- 417E0D
≈ Green People
- 236CC1
≈ Indigo Carmine
Geteilt komplementär +150° +210°
- B23E4F
Romantic Embers
- 00805C
≈ Spanish Viridian
- 007898
≈ Pristine Seas
Tetradisch +90° +180° +270°
- B23E4F
Romantic Embers
- 766F00
≈ Bronze Yellow
- 007C7D
≈ Tropical Waters
- 665BBE
≈ Circumorbital Ring
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.68:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.69:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--romantic-embers: #b23e4f;
--romantic-embers-rgb: 178 62 79;
--romantic-embers-oklch: oklch(0.532 0.15 15.2);
}
.element {
color: var(--romantic-embers);
background-color: hsl(351 48% 47%);
border-color: oklch(0.532 0.15 15.2);
}Tailwind CSS v4
@theme {
--color-romantic-embers: #b23e4f;
--color-romantic-embers-50: #ffe5e6;
--color-romantic-embers-100: #ffd4d6;
--color-romantic-embers-200: #ffbabd;
--color-romantic-embers-300: #fb979b;
--color-romantic-embers-400: #e97681;
--color-romantic-embers-500: #d75365;
--color-romantic-embers-600: #b54756;
--color-romantic-embers-700: #923944;
--color-romantic-embers-800: #6c2833;
--color-romantic-embers-900: #4c1b23;
--color-romantic-embers-950: #320a12;
}SCSS
$romantic-embers: #b23e4f;
$romantic-embers-rgb: 178, 62, 79;
$romantic-embers-light: mix(#fff, $romantic-embers, 20%);
$romantic-embers-dark: mix(#000, $romantic-embers, 20%);
.element {
color: $romantic-embers;
box-shadow: 0 0 0 2px rgba($romantic-embers, 0.35);
}