# カラーコード #65a7cd：やわらかな 空色

#65a7cd はRGBで rgb(101, 167, 205)、OKLCHで oklch(69.899% 0.08757 235.19) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/65a7cd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #65a7cd |
| RGB | rgb(101, 167, 205) |
| HSL | hsl(201.92, 50.98%, 60%) |
| HSB / HSV | hsv(201.92 50.73% 80.39%) |
| HWB | hwb(201.92 39.61% 19.61%) |
| CMYK | cmyk(51% 19% 0% 20%) |
| Lab | lab(65.2 -13.88 -26.41) |
| LCH | lch(65.2 29.84 242.27) |
| OKLab | oklab(69.899% -0.04999 -0.0719) |
| OKLCH | oklch(69.899% 0.08757 235.19) |
| Display P3 | color(display-p3 0.45611 0.64835 0.78943) |
| Rec. 2020 | color(rec2020 0.47399 0.60454 0.76295) |
| Adobe RGB | color(a98-rgb 0.48446 0.64899 0.79349) |
| ProPhoto RGB | color(prophoto-rgb 0.49524 0.57345 0.73606) |
| 線形sRGB | color(srgb-linear 0.13014 0.38643 0.6105) |
| XYZ D65 | color(xyz-d65 0.30203 0.34811 0.62887) |
| XYZ D50 | color(xyz-d50 0.29293 0.34299 0.47528) |
| SwiftUI | Color(red: 0.396, green: 0.655, blue: 0.804) |
| UIKit | UIColor(red: 0.396, green: 0.655, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF65A7CD) |
| Android XML | #65A7CD |

## 基本情報

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

## ティント

#65a7cd, #75b0d2, #85b9d7, #94c1dd, #a4cae2, #b3d3e7, #c2dcec, #d1e4f1, #e0edf5, #f0f6fa

## シェード

#65a7cd, #5791b2, #497b98, #3c667e, #2f5266, #223e4e, #172c38, #0c1a23, #030a0f, #000102

## トーン

#65a7cd, #6ca6c8, #73a6c4, #79a5bf, #7fa4bb, #84a3b6, #8aa2b1, #8fa1ac, #94a0a8, #999fa3

## カラーハーモニー

- 補色: #65a7cd, #c99069
- 分裂補色: #65a7cd, #cf8982, #b79a5c
- 類似色: #65a7cd, #53aeb8, #849dd5
- トライアド: #65a7cd, #ca87a1, #9ca564
- テトラード: #65a7cd, #a293cf, #c99069, #9ca564
- スクエア: #65a7cd, #ba8bbc, #c99069, #7bad7d
- モノクロマティック: #65a7cd, #185f81, #4082a7, #8bcdf5, #c6f2ff

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

### #65a7cd は何色ですか？

#65a7cd はやわらかな 空色です。最も近い名前のある色はやわらかな 空色です。RGBでは rgb(101, 167, 205)、HSLでは hsl(201.92, 50.98%, 60%)、OKLCHでは oklch(69.899% 0.08757 235.19) です。

### #65a7cd に合う色は？

#65a7cd の補色は #c99069 です。落ち着いた組み合わせにするなら、類似色の #53aeb8 と #849dd5 を使いましょう。トライアドの組み合わせは #ca87a1 と #9ca564 です。

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

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

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

#65a7cd は寒色系の色です。OKLCHでは色相 235度、明度 69.9%、クロマ 0.088 です。