# カラーコード #97acfc：鮮やかな 明るいインディゴ

#97acfc はRGBで rgb(151, 172, 252)、OKLCHで oklch(75.979% 0.11769 272.119) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/97acfc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #97acfc |
| RGB | rgb(151, 172, 252) |
| HSL | hsl(227.52, 94.39%, 79.02%) |
| HSB / HSV | hsv(227.52 40.08% 98.82%) |
| HWB | hwb(227.52 59.22% 1.18%) |
| CMYK | cmyk(40% 32% 0% 1%) |
| Lab | lab(71.12 7.4 -42.62) |
| LCH | lch(71.12 43.26 279.85) |
| OKLab | oklab(75.979% 0.00435 -0.11761) |
| OKLCH | oklch(75.979% 0.11769 272.119) |
| Display P3 | color(display-p3 0.60783 0.67198 0.96467) |
| Rec. 2020 | color(rec2020 0.60531 0.63813 0.95599) |
| Adobe RGB | color(a98-rgb 0.61134 0.66858 0.97711) |
| ProPhoto RGB | color(prophoto-rgb 0.63121 0.61611 0.94096) |
| 線形sRGB | color(srgb-linear 0.30947 0.41254 0.97345) |
| XYZ D65 | color(xyz-d65 0.45083 0.43112 0.98045) |
| XYZ D50 | color(xyz-d50 0.43312 0.42361 0.7395) |
| SwiftUI | Color(red: 0.592, green: 0.675, blue: 0.988) |
| UIKit | UIColor(red: 0.592, green: 0.675, blue: 0.988, alpha: 1) |
| Flutter / Compose | Color(0xFF97ACFC) |
| Android XML | #97ACFC |

## 基本情報

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

## ティント

#97acfc, #a1b4fd, #abbdfe, #b5c5fe, #bfceff, #cad6ff, #d4deff, #dfe6ff, #e9efff, #f4f7ff

## シェード

#97acfc, #8395db, #6f7fbb, #5c699c, #49547e, #374062, #262d47, #171b2d, #080b16, #010103

## トーン

#97acfc, #99adf5, #9caeed, #9faee6, #a1afdf, #a4afd7, #a6b0d0, #a9b0c8, #acb0c0, #aeb1b9

## カラーハーモニー

- 補色: #97acfc, #ccaf51
- 分裂補色: #97acfc, #e69f5e, #a4bd65
- 類似色: #97acfc, #68baf5, #bf9fef
- トライアド: #97acfc, #f29481, #74c78c
- テトラード: #97acfc, #dd95d2, #ccaf51, #74c78c
- スクエア: #97acfc, #ef90ab, #ccaf51, #43c9b7
- モノクロマティック: #97acfc, #5263ac, #7387d3, #c5d5ff, #edf4ff

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

### #97acfc は何色ですか？

#97acfc は鮮やかな 明るいインディゴです。最も近い名前のある色は鮮やかな 明るいインディゴです。RGBでは rgb(151, 172, 252)、HSLでは hsl(227.52, 94.39%, 79.02%)、OKLCHでは oklch(75.979% 0.11769 272.119) です。

### #97acfc に合う色は？

#97acfc の補色は #ccaf51 です。落ち着いた組み合わせにするなら、類似色の #68baf5 と #bf9fef を使いましょう。トライアドの組み合わせは #f29481 と #74c78c です。

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

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

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

#97acfc は寒色系の色です。OKLCHでは色相 272度、明度 76%、クロマ 0.118 です。