# カラーコード #c5bbf2：パステル調の 明るいバイオレット

#c5bbf2 はRGBで rgb(197, 187, 242)、OKLCHで oklch(81.892% 0.07719 292.95) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #c5bbf2 |
| RGB | rgb(197, 187, 242) |
| HSL | hsl(250.91, 67.9%, 84.12%) |
| HSB / HSV | hsv(250.91 22.73% 94.9%) |
| HWB | hwb(250.91 73.33% 5.1%) |
| CMYK | cmyk(19% 23% 0% 5%) |
| Lab | lab(78.13 11.9 -26.14) |
| LCH | lch(78.13 28.73 294.48) |
| OKLab | oklab(81.892% 0.0301 -0.07108) |
| OKLCH | oklch(81.892% 0.07719 292.95) |
| Display P3 | color(display-p3 0.76578 0.73468 0.93285) |
| Rec. 2020 | color(rec2020 0.74235 0.70949 0.92145) |
| Adobe RGB | color(a98-rgb 0.75618 0.72762 0.93954) |
| ProPhoto RGB | color(prophoto-rgb 0.74198 0.6909 0.90549) |
| 線形sRGB | color(srgb-linear 0.55834 0.49693 0.88792) |
| XYZ D65 | color(xyz-d65 0.5682 0.53822 0.91402) |
| XYZ D50 | color(xyz-d50 0.56191 0.5343 0.69008) |
| SwiftUI | Color(red: 0.773, green: 0.733, blue: 0.949) |
| UIKit | UIColor(red: 0.773, green: 0.733, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFFC5BBF2) |
| Android XML | #C5BBF2 |

## 基本情報

- 最も近い色名: パステル調の 明るいバイオレット
- 色相の系統: バイオレット, パステル調の 明るいバイオレット
- 最も近いTailwindクラス: violet-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.79:1
- 黒とのコントラスト: 11.76:1

## ティント

#c5bbf2, #cbc2f4, #d0c9f5, #d6cff7, #dcd6f8, #e1ddf9, #e7e4fa, #edebfc, #f3f1fd, #f9f8fe

## シェード

#c5bbf2, #aba2d2, #928ab4, #797396, #615c79, #4b465e, #353243, #211f2b, #0e0d14, #020203

## トーン

#c5bbf2, #c5bced, #c5bde9, #c4bee4, #c4bfe0, #c4c0db, #c4c0d7, #c4c1d2, #c4c2cd, #c4c3c8

## カラーハーモニー

- 補色: #c5bbf2, #c4ca90
- 分裂補色: #c5bbf2, #dcc08a, #a7d1a4
- 類似色: #c5bbf2, #aac4f7, #ddb3e1
- トライアド: #c5bbf2, #ecb795, #8ed5bf
- テトラード: #c5bbf2, #ecb0c8, #c4ca90, #8ed5bf
- スクエア: #c5bbf2, #f2b1ac, #c4ca90, #85d3da
- モノクロマティック: #c5bbf2, #7b71a4, #9f95ca, #ebe5ff, #f5f1ff

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

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

#c5bbf2 はパステル調の 明るいバイオレットです。最も近い名前のある色はパステル調の 明るいバイオレットです。RGBでは rgb(197, 187, 242)、HSLでは hsl(250.91, 67.9%, 84.12%)、OKLCHでは oklch(81.892% 0.07719 292.95) です。

### #c5bbf2 に合う色は？

#c5bbf2 の補色は #c4ca90 です。落ち着いた組み合わせにするなら、類似色の #aac4f7 と #ddb3e1 を使いましょう。トライアドの組み合わせは #ecb795 と #8ed5bf です。

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

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

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

#c5bbf2 は寒色系の色です。OKLCHでは色相 293度、明度 81.9%、クロマ 0.077 です。