Benannte Farbe · #BD6883
Creamed Raspberry
Creamed Raspberry ist #BD6883: rgb(189 104 131), hsl(341 39% 57%), oklch(0.621 0.112 0.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Creamed Raspberry color name →
#BD6883
oklch(0.621 0.112 0.6)
Farbumrechnungen
- HEX
- #bd6883
- RGB
- rgb(189 104 131)
- HSL
- hsl(341 39% 57%)
- HWB
- hwb(341 41% 26%)
- OKLCH
- oklch(0.621 0.112 0.6)
- OKLab
- oklab(0.621 0.112 0.001)
- CIE Lab
- lab(54.68 37.01 0.89)
- LCH
- lch(54.68 37.02 1.4)
- CMYK
- cmyk(0% 45% 31% 26%)
Tints · Shades · Tones
Tints
- C5778F
- CC869B
- D395A7
- DAA4B3
- E1B3BF
- E8C2CC
- EED1D8
- F4E0E5
- FAF0F2
Shades
- A45971
- 8C4B60
- 743E4F
- 5D303F
- 47242F
- 331820
- 1F0C12
- 0D0406
- 020001
Tones
- B86B83
- B26E82
- AC7182
- A67382
- A17682
- 9A7881
- 947A81
- 8E7C81
- 877E80
Farbharmonien
Komplementär +180°
- BD6883
Creamed Raspberry
- 009C8A
≈ Flamboyant Teal
Analog -30° +30°
- BD6883
Creamed Raspberry
- AD6CA6
≈ Victorian Valentine
- C16B5D
≈ Tapestry Red
Triadisch +120° +240°
- BD6883
Creamed Raspberry
- 7D903C
≈ Pepper Sprout
- 3D8EC3
≈ Quiet Night
Geteilt komplementär +150° +210°
- BD6883
Creamed Raspberry
- 4E9A62
≈ Solitary Tree
- 0097AB
≈ Aquarium Diver
Tetradisch +90° +180° +270°
- BD6883
Creamed Raspberry
- A08327
≈ Green Sulphur
- 009C8A
≈ Flamboyant Teal
- 6D82CA
≈ Livid
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.83:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.47:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--creamed-raspberry: #bd6883;
--creamed-raspberry-rgb: 189 104 131;
--creamed-raspberry-oklch: oklch(0.621 0.112 0.6);
}
.element {
color: var(--creamed-raspberry);
background-color: hsl(341 39% 57%);
border-color: oklch(0.621 0.112 0.6);
}Tailwind CSS v4
@theme {
--color-creamed-raspberry: #bd6883;
--color-creamed-raspberry-50: #ffe8f2;
--color-creamed-raspberry-100: #ffd9e4;
--color-creamed-raspberry-200: #fec1d0;
--color-creamed-raspberry-300: #e99fb2;
--color-creamed-raspberry-400: #d5829b;
--color-creamed-raspberry-500: #c16482;
--color-creamed-raspberry-600: #a3556e;
--color-creamed-raspberry-700: #834458;
--color-creamed-raspberry-800: #613142;
--color-creamed-raspberry-900: #44212d;
--color-creamed-raspberry-950: #2c101a;
}SCSS
$creamed-raspberry: #bd6883;
$creamed-raspberry-rgb: 189, 104, 131;
$creamed-raspberry-light: mix(#fff, $creamed-raspberry, 20%);
$creamed-raspberry-dark: mix(#000, $creamed-raspberry, 20%);
.element {
color: $creamed-raspberry;
box-shadow: 0 0 0 2px rgba($creamed-raspberry, 0.35);
}