色名 · #BB7796
Benifuji
Benifujiは#BB7796：rgb(187 119 150)、hsl(333 33% 60%)、oklch(0.65 0.094 351.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Benifuji color name →
#BB7796
oklch(0.65 0.094 351.2)
カラー変換
- HEX
- #bb7796
- RGB
- rgb(187 119 150)
- HSL
- hsl(333 33% 60%)
- HWB
- hwb(333 47% 27%)
- OKLCH
- oklch(0.65 0.094 351.2)
- OKLab
- oklab(0.65 0.093 -0.014)
- CIE Lab
- lab(58.16 30.57 -5.13)
- LCH
- lch(58.16 30.99 350.5)
- CMYK
- cmyk(0% 36% 20% 27%)
ティント · シェード · トーン
ティント
- C284A0
- CA92AA
- D19FB4
- D8ACBF
- DFBAC9
- E6C7D4
- ECD5DE
- F3E3E9
- F9F1F4
シェード
- A26782
- 8A576E
- 73475B
- 5C3849
- 462A37
- 321C26
- 1F1016
- 0D0508
- 020101
トーン
- B57894
- B07992
- AA7A8F
- A47B8D
- 9F7C8B
- 997D89
- 937E87
- 8D7F84
- 867F82
カラーハーモニー
補色 +180°
- BB7796
Benifuji
- 4BA288
≈ Corrosion Green
類似色 -30° +30°
- BB7796
Benifuji
- AA7CB2
≈ Berries Galore
- C27876
≈ Deep Bloom
トライアド +120° +240°
- BB7796
Benifuji
- 91954E
≈ Salvia Divinorum
- 4C99BE
≈ Mountain Bluebird
スプリットコンプリメンタリー +150° +210°
- BB7796
Benifuji
- 6F9E67
≈ Blackthorn Green
- 38A0A7
≈ Marlin Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.39:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.19:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.19:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--benifuji: #bb7796;
--benifuji-rgb: 187 119 150;
--benifuji-oklch: oklch(0.65 0.094 351.2);
}
.element {
color: var(--benifuji);
background-color: hsl(333 33% 60%);
border-color: oklch(0.65 0.094 351.2);
}Tailwind CSS v4
@theme {
--color-benifuji: #bb7796;
--color-benifuji-50: #ffebf7;
--color-benifuji-100: #ffdcea;
--color-benifuji-200: #f5c4d8;
--color-benifuji-300: #dea4bb;
--color-benifuji-400: #c987a5;
--color-benifuji-500: #b56b8e;
--color-benifuji-600: #995b78;
--color-benifuji-700: #7b4960;
--color-benifuji-800: #5a3447;
--color-benifuji-900: #3f2431;
--color-benifuji-950: #28121d;
}SCSS
$benifuji: #bb7796;
$benifuji-rgb: 187, 119, 150;
$benifuji-light: mix(#fff, $benifuji, 20%);
$benifuji-dark: mix(#000, $benifuji, 20%);
.element {
color: $benifuji;
box-shadow: 0 0 0 2px rgba($benifuji, 0.35);
}