Nazwany kolor · #BD6883
Creamed Raspberry
Creamed Raspberry to #BD6883: rgb(189 104 131), hsl(341 39% 57%), oklch(0.621 0.112 0.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Creamed Raspberry color name →
#BD6883
oklch(0.621 0.112 0.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5778F
- CC869B
- D395A7
- DAA4B3
- E1B3BF
- E8C2CC
- EED1D8
- F4E0E5
- FAF0F2
Odcienie ciemniejsze
- A45971
- 8C4B60
- 743E4F
- 5D303F
- 47242F
- 331820
- 1F0C12
- 0D0406
- 020001
Tony
- B86B83
- B26E82
- AC7182
- A67382
- A17682
- 9A7881
- 947A81
- 8E7C81
- 877E80
Harmonie kolorów
Komplementarna +180°
- BD6883
Creamed Raspberry
- 009C8A
≈ Flamboyant Teal
Analogowa -30° +30°
- BD6883
Creamed Raspberry
- AD6CA6
≈ Victorian Valentine
- C16B5D
≈ Tapestry Red
Triada +120° +240°
- BD6883
Creamed Raspberry
- 7D903C
≈ Pepper Sprout
- 3D8EC3
≈ Quiet Night
Komplementarna rozszczepiona +150° +210°
- BD6883
Creamed Raspberry
- 4E9A62
≈ Solitary Tree
- 0097AB
≈ Aquarium Diver
Tetrada +90° +180° +270°
- BD6883
Creamed Raspberry
- A08327
≈ Green Sulphur
- 009C8A
≈ Flamboyant Teal
- 6D82CA
≈ Livid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.83:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.47:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
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);
}