# カラーコード #ab75bf：やわらかな パープル

#ab75bf はRGBで rgb(171, 117, 191)、OKLCHで oklch(64.496% 0.1221 316.549) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/ab75bf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ab75bf |
| RGB | rgb(171, 117, 191) |
| HSL | hsl(283.78, 36.63%, 60.39%) |
| HSB / HSV | hsv(283.78 38.74% 74.9%) |
| HWB | hwb(283.78 45.88% 25.1%) |
| CMYK | cmyk(10% 39% 0% 25%) |
| Lab | lab(57.05 31.53 -30.51) |
| LCH | lch(57.05 43.88 315.95) |
| OKLab | oklab(64.496% 0.08864 -0.08397) |
| OKLCH | oklch(64.496% 0.1221 316.549) |
| Display P3 | color(display-p3 0.63943 0.46787 0.73153) |
| Rec. 2020 | color(rec2020 0.57421 0.43068 0.69737) |
| Adobe RGB | color(a98-rgb 0.61385 0.45608 0.7342) |
| ProPhoto RGB | color(prophoto-rgb 0.55588 0.42032 0.66414) |
| 線形sRGB | color(srgb-linear 0.40724 0.17789 0.521) |
| XYZ D65 | color(xyz-d65 0.32558 0.25143 0.5243) |
| XYZ D50 | color(xyz-d50 0.32064 0.24972 0.39498) |
| SwiftUI | Color(red: 0.671, green: 0.459, blue: 0.749) |
| UIKit | UIColor(red: 0.671, green: 0.459, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFFAB75BF) |
| Android XML | #AB75BF |

## 基本情報

- 最も近い色名: やわらかな パープル
- 色相の系統: パープル, やわらかな パープル
- 最も近いTailwindクラス: violet-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.48:1
- 黒とのコントラスト: 6.03:1

## ティント

#ab75bf, #b383c6, #bc90cc, #c49ed3, #cdacd9, #d5b9e0, #ddc7e6, #e6d5ec, #eee3f3, #f7f1f9

## シェード

#ab75bf, #9465a6, #7e558d, #684675, #54375e, #402948, #2d1c33, #1b0f1f, #0b050d, #010102

## トーン

#ab75bf, #a878ba, #a57bb5, #a37db1, #a080ac, #9d82a7, #9a85a2, #97879d, #948998, #918b93

## カラーハーモニー

- 補色: #ab75bf, #6a9e51
- 分裂補色: #ab75bf, #97922a, #28a57d
- 類似色: #ab75bf, #8981d4, #c26d9d
- トライアド: #ab75bf, #b78225, #00a4a7
- テトラード: #ab75bf, #cd6c73, #6a9e51, #00a4a7
- スクエア: #ab75bf, #c97449, #6a9e51, #0c9cc6
- モノクロマティック: #ab75bf, #622f74, #865299, #d29ae6, #f8c1ff

## #ab75bf についてのよくある質問

### #ab75bf は何色ですか？

#ab75bf はやわらかな パープルです。最も近い名前のある色はやわらかな パープルです。RGBでは rgb(171, 117, 191)、HSLでは hsl(283.78, 36.63%, 60.39%)、OKLCHでは oklch(64.496% 0.1221 316.549) です。

### #ab75bf に合う色は？

#ab75bf の補色は #6a9e51 です。落ち着いた組み合わせにするなら、類似色の #8981d4 と #c26d9d を使いましょう。トライアドの組み合わせは #b78225 と #00a4a7 です。

### #ab75bf の上では白と黒のどちらの文字が読みやすいですか？

#ab75bf の上では白の文字のほうが読みやすくなります。白はコントラスト比 3.48:1、黒は 6.03:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #ab75bf は暖色と寒色のどちらですか？

#ab75bf はニュートラルの色です。OKLCHでは色相 317度、明度 64.5%、クロマ 0.122 です。