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

#aca0fa はRGBで rgb(172, 160, 250)、OKLCHで oklch(75.11% 0.12795 289.046) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #aca0fa |
| RGB | rgb(172, 160, 250) |
| HSL | hsl(248, 90%, 80.39%) |
| HSB / HSV | hsv(248 36% 98.04%) |
| HWB | hwb(248 62.75% 1.96%) |
| CMYK | cmyk(31% 36% 0% 2%) |
| Lab | lab(69.59 19.48 -43.77) |
| LCH | lch(69.59 47.91 293.99) |
| OKLab | oklab(75.11% 0.04175 -0.12095) |
| OKLCH | oklch(75.11% 0.12795 289.046) |
| Display P3 | color(display-p3 0.66647 0.62909 0.95606) |
| Rec. 2020 | color(rec2020 0.64151 0.59712 0.94588) |
| Adobe RGB | color(a98-rgb 0.65562 0.62165 0.96806) |
| ProPhoto RGB | color(prophoto-rgb 0.65646 0.57952 0.9289) |
| 線形sRGB | color(srgb-linear 0.41254 0.35153 0.95597) |
| XYZ D65 | color(xyz-d65 0.46837 0.40814 0.95856) |
| XYZ D50 | color(xyz-d50 0.45207 0.40175 0.72253) |
| SwiftUI | Color(red: 0.675, green: 0.627, blue: 0.98) |
| UIKit | UIColor(red: 0.675, green: 0.627, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFFACA0FA) |
| Android XML | #ACA0FA |

## 基本情報

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

## ティント

#aca0fa, #b4aafb, #bcb3fc, #c4bdfd, #ccc6fe, #d4d0fe, #dcd9ff, #e5e3ff, #edecff, #f6f6ff

## シェード

#aca0fa, #958bd9, #7f76ba, #69619b, #544e7d, #403b61, #2d2946, #1b192d, #0b0915, #010103

## トーン

#aca0fa, #aca2f3, #aca4eb, #aca5e4, #aca7dc, #aca8d5, #adaacd, #adabc6, #adacbe, #aeadb6

## カラーハーモニー

- 補色: #aca0fa, #b5b54b
- 分裂補色: #aca0fa, #d9a444, #83c271
- 類似色: #aca0fa, #7cafff, #d193e2
- トライアド: #aca0fa, #ef9462, #45c8a0
- テトラード: #aca0fa, #ea8bbb, #b5b54b, #45c8a0
- スクエア: #aca0fa, #f48b8e, #b5b54b, #00c6cd
- モノクロマティック: #aca0fa, #6657aa, #887bd1, #d2cbff, #f4f2ff

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

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

#aca0fa は鮮やかな 明るいバイオレットです。最も近い名前のある色は鮮やかな 明るいバイオレットです。RGBでは rgb(172, 160, 250)、HSLでは hsl(248, 90%, 80.39%)、OKLCHでは oklch(75.11% 0.12795 289.046) です。

### #aca0fa に合う色は？

#aca0fa の補色は #b5b54b です。落ち着いた組み合わせにするなら、類似色の #7cafff と #d193e2 を使いましょう。トライアドの組み合わせは #ef9462 と #45c8a0 です。

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

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

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

#aca0fa は寒色系の色です。OKLCHでは色相 289度、明度 75.1%、クロマ 0.128 です。