# カラーコード #ab9aed：鮮やかな 明るいバイオレット

#ab9aed はRGBで rgb(171, 154, 237)、OKLCHで oklch(73.29% 0.11918 292.614) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ab9aed |
| RGB | rgb(171, 154, 237) |
| HSL | hsl(252.29, 69.75%, 76.67%) |
| HSB / HSV | hsv(252.29 35.02% 92.94%) |
| HWB | hwb(252.29 60.39% 7.06%) |
| CMYK | cmyk(28% 35% 0% 7%) |
| Lab | lab(67.55 19.86 -39.89) |
| LCH | lch(67.55 44.56 296.47) |
| OKLab | oklab(73.29% 0.04583 -0.11001) |
| OKLCH | oklch(73.29% 0.11918 292.614) |
| Display P3 | color(display-p3 0.65938 0.60629 0.90706) |
| Rec. 2020 | color(rec2020 0.6274 0.57264 0.89137) |
| Adobe RGB | color(a98-rgb 0.64658 0.5983 0.9164) |
| ProPhoto RGB | color(prophoto-rgb 0.63477 0.55469 0.86972) |
| 線形sRGB | color(srgb-linear 0.40724 0.32314 0.84687) |
| XYZ D65 | color(xyz-d65 0.43634 0.37883 0.85137) |
| XYZ D50 | color(xyz-d50 0.42321 0.3736 0.64179) |
| SwiftUI | Color(red: 0.671, green: 0.604, blue: 0.929) |
| UIKit | UIColor(red: 0.671, green: 0.604, blue: 0.929, alpha: 1) |
| Flutter / Compose | Color(0xFFAB9AED) |
| Android XML | #AB9AED |

## 基本情報

- 最も近い色名: 鮮やかな 明るいバイオレット
- 色相の系統: バイオレット, 鮮やかな 明るいバイオレット
- 最も近いTailwindクラス: indigo-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.45:1
- 黒とのコントラスト: 8.58:1

## ティント

#ab9aed, #b3a4ef, #bbaef2, #c3b8f4, #cbc2f6, #d4cdf8, #dcd7f9, #e5e1fb, #edebfc, #f6f5fe

## シェード

#ab9aed, #9485ce, #7e71b0, #685e93, #544b77, #40395c, #2d2742, #1b172a, #0b0914, #010103

## トーン

#ab9aed, #ab9ce6, #aa9ee0, #aa9fd9, #a9a1d2, #a9a2cc, #a9a4c5, #a9a5be, #a9a6b7, #a8a7b0

## カラーハーモニー

- 補色: #ab9aed, #aab052
- 分裂補色: #ab9aed, #cda147, #7bbc76
- 類似色: #ab9aed, #80a8f4, #cc8fd4
- トライアド: #ab9aed, #e3925e, #45c1a1
- テトラード: #ab9aed, #e288b0, #aab052, #45c1a1
- スクエア: #ab9aed, #ea8986, #aab052, #23bec9
- モノクロマティック: #ab9aed, #64529e, #8775c5, #d0c2ff, #f5f1ff

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

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

#ab9aed は鮮やかな 明るいバイオレットです。最も近い名前のある色は鮮やかな 明るいバイオレットです。RGBでは rgb(171, 154, 237)、HSLでは hsl(252.29, 69.75%, 76.67%)、OKLCHでは oklch(73.29% 0.11918 292.614) です。

### #ab9aed に合う色は？

#ab9aed の補色は #aab052 です。落ち着いた組み合わせにするなら、類似色の #80a8f4 と #cc8fd4 を使いましょう。トライアドの組み合わせは #e3925e と #45c1a1 です。

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

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

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

#ab9aed は寒色系の色です。OKLCHでは色相 293度、明度 73.3%、クロマ 0.119 です。