Benannte Farbe · #BD4048
Precious Peony
Precious Peony ist #BD4048: rgb(189 64 72), hsl(356 49% 50%), oklch(0.55 0.16 20.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Precious Peony color name →
#BD4048
oklch(0.55 0.16 20.5)
Farbumrechnungen
- HEX
- #bd4048
- RGB
- rgb(189 64 72)
- HSL
- hsl(356 49% 50%)
- HWB
- hwb(356 25% 26%)
- OKLCH
- oklch(0.55 0.16 20.5)
- OKLab
- oklab(0.55 0.15 0.056)
- CIE Lab
- lab(46.16 51.26 24.48)
- LCH
- lch(46.16 56.81 25.5)
- CMYK
- cmyk(0% 66% 62% 26%)
Tints · Shades · Tones
Tints
- C65559
- CE696B
- D67C7C
- DE8F8E
- E5A2A0
- EBB4B3
- F1C7C5
- F6D9D8
- FBECEC
Shades
- A4363D
- 8C2D33
- 742429
- 5D1B1F
- 471316
- 330B0D
- 1F0506
- 0D0102
- 020000
Tones
- B8494E
- B35154
- AE5859
- A95F5F
- A36565
- 9D6B6A
- 967170
- 907675
- 887B7B
Farbharmonien
Komplementär +180°
- BD4048
Precious Peony
- 008288
≈ Precious Blue
Analog -30° +30°
- BD4048
Precious Peony
- B3417E
≈ Mystic Maroon
- B15300
≈ Mahogany Finish
Triadisch +120° +240°
- BD4048
Precious Peony
- 32871F
≈ Temperamental Green
- 366DCE
≈ Han Blue
Geteilt komplementär +150° +210°
- BD4048
Precious Peony
- 008668
≈ Spectral Green
- 007CA6
≈ Celadon Blue
Tetradisch +90° +180° +270°
- BD4048
Precious Peony
- 767700
≈ Mongolian Plateau
- 008288
≈ Precious Blue
- 745CC7
≈ Fuchsia Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.26:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 3.99:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--precious-peony: #bd4048;
--precious-peony-rgb: 189 64 72;
--precious-peony-oklch: oklch(0.55 0.16 20.5);
}
.element {
color: var(--precious-peony);
background-color: hsl(356 49% 50%);
border-color: oklch(0.55 0.16 20.5);
}Tailwind CSS v4
@theme {
--color-precious-peony: #bd4048;
--color-precious-peony-50: #ffe4e0;
--color-precious-peony-100: #ffd4cf;
--color-precious-peony-200: #ffb9b5;
--color-precious-peony-300: #ff9591;
--color-precious-peony-400: #ee7375;
--color-precious-peony-500: #dc4f57;
--color-precious-peony-600: #ba444a;
--color-precious-peony-700: #95363b;
--color-precious-peony-800: #6f262c;
--color-precious-peony-900: #4f191e;
--color-precious-peony-950: #34090e;
}SCSS
$precious-peony: #bd4048;
$precious-peony-rgb: 189, 64, 72;
$precious-peony-light: mix(#fff, $precious-peony, 20%);
$precious-peony-dark: mix(#000, $precious-peony, 20%);
.element {
color: $precious-peony;
box-shadow: 0 0 0 2px rgba($precious-peony, 0.35);
}