色名 · #BD6883
Creamed Raspberry
Creamed Raspberryは#BD6883：rgb(189 104 131)、hsl(341 39% 57%)、oklch(0.621 0.112 0.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Creamed Raspberry color name →
#BD6883
oklch(0.621 0.112 0.6)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- C5778F
- CC869B
- D395A7
- DAA4B3
- E1B3BF
- E8C2CC
- EED1D8
- F4E0E5
- FAF0F2
シェード
- A45971
- 8C4B60
- 743E4F
- 5D303F
- 47242F
- 331820
- 1F0C12
- 0D0406
- 020001
トーン
- B86B83
- B26E82
- AC7182
- A67382
- A17682
- 9A7881
- 947A81
- 8E7C81
- 877E80
カラーハーモニー
補色 +180°
- BD6883
Creamed Raspberry
- 009C8A
≈ Flamboyant Teal
類似色 -30° +30°
- BD6883
Creamed Raspberry
- AD6CA6
≈ Victorian Valentine
- C16B5D
≈ Tapestry Red
トライアド +120° +240°
- BD6883
Creamed Raspberry
- 7D903C
≈ Pepper Sprout
- 3D8EC3
≈ Quiet Night
スプリットコンプリメンタリー +150° +210°
- BD6883
Creamed Raspberry
- 4E9A62
≈ Solitary Tree
- 0097AB
≈ Aquarium Diver
テトラード +90° +180° +270°
- BD6883
Creamed Raspberry
- A08327
≈ Green Sulphur
- 009C8A
≈ Flamboyant Teal
- 6D82CA
≈ Livid
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.83:1 · APCA Lc 66
Ag
AA黒の上
WCAG 5.47:1 · APCA Lc 36
最適な文字色: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
コードスニペット
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);
}