# カラーコード #91a3bb：スモーキーな 明るい青

#91a3bb はRGBで rgb(145, 163, 187)、OKLCHで oklch(70.956% 0.04063 255.654) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/91a3bb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #91a3bb |
| RGB | rgb(145, 163, 187) |
| HSL | hsl(214.29, 23.6%, 65.1%) |
| HSB / HSV | hsv(214.29 22.46% 73.33%) |
| HWB | hwb(214.29 56.86% 26.67%) |
| CMYK | cmyk(22% 13% 0% 27%) |
| Lab | lab(66.19 -2.55 -14.67) |
| LCH | lch(66.19 14.89 260.14) |
| OKLab | oklab(70.956% -0.01007 -0.03937) |
| OKLCH | oklch(70.956% 0.04063 255.654) |
| Display P3 | color(display-p3 0.58197 0.63703 0.7246) |
| Rec. 2020 | color(rec2020 0.55881 0.59658 0.69221) |
| Adobe RGB | color(a98-rgb 0.58437 0.63336 0.72403) |
| ProPhoto RGB | color(prophoto-rgb 0.54975 0.56843 0.66356) |
| 線形sRGB | color(srgb-linear 0.28315 0.36625 0.49693) |
| XYZ D65 | color(xyz-d65 0.33742 0.35802 0.52148) |
| XYZ D50 | color(xyz-d50 0.33563 0.35568 0.39436) |
| SwiftUI | Color(red: 0.569, green: 0.639, blue: 0.733) |
| UIKit | UIColor(red: 0.569, green: 0.639, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF91A3BB) |
| Android XML | #91A3BB |

## 基本情報

- 最も近い色名: スモーキーな 明るい青
- 色相の系統: 青, スモーキーな 明るい青
- 最も近いTailwindクラス: slate-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.57:1
- 黒とのコントラスト: 8.16:1

## ティント

#91a3bb, #9cacc2, #a6b5c8, #b1becf, #bcc7d6, #c7d0dd, #d2d9e4, #dde3ea, #e8ecf1, #f4f6f8

## シェード

#91a3bb, #7d8da2, #6a788a, #586373, #464f5c, #353c46, #252a32, #15191f, #070a0d, #010102

## トーン

#91a3bb, #93a3b8, #94a3b6, #96a3b3, #98a2b1, #99a2ae, #9ba2ac, #9ca2a9, #9ea2a6, #a0a1a4

## カラーハーモニー

- 補色: #91a3bb, #b09e86
- 分裂補色: #91a3bb, #b89a8d, #a4a386
- 類似色: #91a3bb, #87a7b5, #9e9eba
- トライアド: #91a3bb, #b99899, #96a88e
- テトラード: #91a3bb, #ab9ab3, #b09e86, #96a88e
- スクエア: #91a3bb, #b598a7, #b09e86, #8aaa9b
- モノクロマティック: #91a3bb, #4c5c72, #6d7f96, #b6c9e2, #ddf0ff

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

### #91a3bb は何色ですか？

#91a3bb はスモーキーな 明るい青です。最も近い名前のある色はスモーキーな 明るい青です。RGBでは rgb(145, 163, 187)、HSLでは hsl(214.29, 23.6%, 65.1%)、OKLCHでは oklch(70.956% 0.04063 255.654) です。

### #91a3bb に合う色は？

#91a3bb の補色は #b09e86 です。落ち着いた組み合わせにするなら、類似色の #87a7b5 と #9e9eba を使いましょう。トライアドの組み合わせは #b99899 と #96a88e です。

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

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

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

#91a3bb は寒色系の色です。OKLCHでは色相 256度、明度 71%、クロマ 0.041 です。