色名 · #A50B5E
Banafsaji Purple
Banafsaji Purpleは#A50B5E：rgb(165 11 94)、hsl(328 88% 35%)、oklch(0.474 0.188 356.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Banafsaji Purple color name →
#A50B5E
oklch(0.474 0.188 356.6)
カラー変換
- HEX
- #a50b5e
- RGB
- rgb(165 11 94)
- HSL
- hsl(328 88% 35%)
- HWB
- hwb(328 4% 35%)
- OKLCH
- oklch(0.474 0.188 356.6)
- OKLab
- oklab(0.474 0.188 -0.011)
- CIE Lab
- lab(36.54 60.03 -3.36)
- LCH
- lch(36.54 60.12 356.8)
- CMYK
- cmyk(0% 93% 43% 35%)
ティント · シェード · トーン
ティント
- B1336D
- BC4D7C
- C7658B
- D17B9B
- DA91AB
- E3A7BB
- EBBDCC
- F2D3DD
- F9E9EE
シェード
- 8F0851
- 790644
- 650437
- 51022B
- 3D011F
- 2B0114
- 1A000A
- 0A0003
- 010000
トーン
- A32561
- A13465
- 9F4168
- 9C4C6B
- 99556F
- 955F72
- 916776
- 8C7079
- 86787D
カラーハーモニー
補色 +180°
- A50B5E
Banafsaji Purple
- 006C5B
≈ Pacific Queen
類似色 -30° +30°
- A50B5E
Banafsaji Purple
- 8E2392
≈ Acai Juice
- AD0A16
≈ Büchel Cherry
トライアド +120° +240°
- A50B5E
Banafsaji Purple
- 596300
≈ Forestial Outpost
- 00638E
≈ Reservoir
スプリットコンプリメンタリー +150° +210°
- A50B5E
Banafsaji Purple
- 007024
≈ Bogey Green
- 006873
≈ Kingfisher Bright
テトラード +90° +180° +270°
- A50B5E
Banafsaji Purple
- 745700
≈ Pickled Grape Leaves
- 006C5B
≈ Pacific Queen
- 2C4EC3
≈ Kikorangi Blue
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.47:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 2.80:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 7.47:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--banafsaji-purple: #a50b5e;
--banafsaji-purple-rgb: 165 11 94;
--banafsaji-purple-oklch: oklch(0.474 0.188 356.6);
}
.element {
color: var(--banafsaji-purple);
background-color: hsl(328 88% 35%);
border-color: oklch(0.474 0.188 356.6);
}Tailwind CSS v4
@theme {
--color-banafsaji-purple: #a50b5e;
--color-banafsaji-purple-50: #ffdff4;
--color-banafsaji-purple-100: #ffcee7;
--color-banafsaji-purple-200: #ffb2d3;
--color-banafsaji-purple-300: #ff8bb6;
--color-banafsaji-purple-400: #f167a1;
--color-banafsaji-purple-500: #df3d89;
--color-banafsaji-purple-600: #bc3674;
--color-banafsaji-purple-700: #972b5d;
--color-banafsaji-purple-800: #701e46;
--color-banafsaji-purple-900: #4f1430;
--color-banafsaji-purple-950: #34041d;
}SCSS
$banafsaji-purple: #a50b5e;
$banafsaji-purple-rgb: 165, 11, 94;
$banafsaji-purple-light: mix(#fff, $banafsaji-purple, 20%);
$banafsaji-purple-dark: mix(#000, $banafsaji-purple, 20%);
.element {
color: $banafsaji-purple;
box-shadow: 0 0 0 2px rgba($banafsaji-purple, 0.35);
}