# カラーコード #6196cd：やわらかな 青

#6196cd はRGBで rgb(97, 150, 205)、OKLCHで oklch(65.875% 0.1001 250.417) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/6196cd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6196cd |
| RGB | rgb(97, 150, 205) |
| HSL | hsl(210.56, 51.92%, 59.22%) |
| HSB / HSV | hsv(210.56 52.68% 80.39%) |
| HWB | hwb(210.56 38.04% 19.61%) |
| CMYK | cmyk(53% 27% 0% 20%) |
| Lab | lab(60.09 -6.23 -34.27) |
| LCH | lch(60.09 34.83 259.69) |
| OKLab | oklab(65.875% -0.03355 -0.09431) |
| OKLCH | oklch(65.875% 0.1001 250.417) |
| Display P3 | color(display-p3 0.42684 0.58279 0.78577) |
| Rec. 2020 | color(rec2020 0.43575 0.53598 0.75805) |
| Adobe RGB | color(a98-rgb 0.44958 0.58277 0.79148) |
| ProPhoto RGB | color(prophoto-rgb 0.46271 0.50786 0.7291) |
| 線形sRGB | color(srgb-linear 0.11954 0.30499 0.6105) |
| XYZ D65 | color(xyz-d65 0.26854 0.28761 0.61896) |
| XYZ D50 | color(xyz-d50 0.25694 0.28225 0.46723) |
| SwiftUI | Color(red: 0.38, green: 0.588, blue: 0.804) |
| UIKit | UIColor(red: 0.38, green: 0.588, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF6196CD) |
| Android XML | #6196CD |

## 基本情報

- 最も近い色名: やわらかな 青
- 色相の系統: 青, やわらかな 青
- 最も近いTailwindクラス: slate-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.11:1
- 黒とのコントラスト: 6.75:1

## ティント

#6196cd, #71a0d2, #81abd8, #90b5dd, #a0c0e2, #afcae7, #bfd5ec, #cfdff1, #dfeaf6, #eff4fa

## シェード

#6196cd, #5382b2, #466e98, #395b7e, #2d4966, #21374e, #152638, #0b1623, #03080f, #000102

## トーン

#6196cd, #6796c7, #6c96c1, #7195bc, #7695b6, #7b95b0, #8094aa, #8494a4, #89939e, #8d9298

## カラーハーモニー

- 補色: #6196cd, #b98749
- 分裂補色: #6196cd, #c67c62, #a09346
- 類似色: #6196cd, #3ba0bc, #868bce
- トライアド: #6196cd, #c77783, #7d9e5b
- テトラード: #6196cd, #a580bf, #b98749, #7d9e5b
- スクエア: #6196cd, #bb79a5, #b98749, #54a57d
- モノクロマティック: #6196cd, #194f81, #3e72a6, #85bcf5, #bae2ff

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

### #6196cd は何色ですか？

#6196cd はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(97, 150, 205)、HSLでは hsl(210.56, 51.92%, 59.22%)、OKLCHでは oklch(65.875% 0.1001 250.417) です。

### #6196cd に合う色は？

#6196cd の補色は #b98749 です。落ち着いた組み合わせにするなら、類似色の #3ba0bc と #868bce を使いましょう。トライアドの組み合わせは #c77783 と #7d9e5b です。

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

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

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

#6196cd は寒色系の色です。OKLCHでは色相 250度、明度 65.9%、クロマ 0.1 です。