# カラーコード #65a3db：やわらかな 青

#65a3db はRGBで rgb(101, 163, 219)、OKLCHで oklch(69.624% 0.10488 247.164) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #65a3db |
| RGB | rgb(101, 163, 219) |
| HSL | hsl(208.47, 62.11%, 62.75%) |
| HSB / HSV | hsv(208.47 53.88% 85.88%) |
| HWB | hwb(208.47 39.61% 14.12%) |
| CMYK | cmyk(54% 26% 0% 14%) |
| Lab | lab(64.52 -8.59 -35.16) |
| LCH | lch(64.52 36.19 256.27) |
| OKLab | oklab(69.624% -0.0407 -0.09666) |
| OKLCH | oklch(69.624% 0.10488 247.164) |
| Display P3 | color(display-p3 0.45174 0.63299 0.83993) |
| Rec. 2020 | color(rec2020 0.47135 0.58947 0.81797) |
| Adobe RGB | color(a98-rgb 0.47818 0.63336 0.84713) |
| ProPhoto RGB | color(prophoto-rgb 0.50212 0.56044 0.79277) |
| 線形sRGB | color(srgb-linear 0.13014 0.36625 0.70838) |
| XYZ D65 | color(xyz-d65 0.31248 0.34074 0.7195) |
| XYZ D50 | color(xyz-d50 0.29916 0.33446 0.54322) |
| SwiftUI | Color(red: 0.396, green: 0.639, blue: 0.859) |
| UIKit | UIColor(red: 0.396, green: 0.639, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFF65A3DB) |
| Android XML | #65A3DB |

## 基本情報

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

## ティント

#65a3db, #75acdf, #85b6e3, #94bfe7, #a3c8eb, #b2d1ee, #c2daf2, #d1e3f5, #e0edf9, #f0f6fc

## シェード

#65a3db, #578dbe, #4978a2, #3c6387, #2f4f6d, #223c54, #172a3c, #0c1926, #030a11, #000102

## トーン

#65a3db, #6ca3d5, #72a2cf, #78a2c9, #7ea1c3, #84a1bd, #89a0b6, #8ea0b0, #939faa, #989ea4

## カラーハーモニー

- 補色: #65a3db, #c99052
- 分裂補色: #65a3db, #d5856e, #af9d4b
- 類似色: #65a3db, #3fadc8, #8d97de
- トライアド: #65a3db, #d58192, #8ba960
- テトラード: #65a3db, #af8cd0, #c99052, #8ba960
- スクエア: #65a3db, #c784b5, #c99052, #61b183
- モノクロマティック: #65a3db, #1a5b8e, #417eb4, #8ac9ff, #ceeeff

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

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

#65a3db はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(101, 163, 219)、HSLでは hsl(208.47, 62.11%, 62.75%)、OKLCHでは oklch(69.624% 0.10488 247.164) です。

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

#65a3db の補色は #c99052 です。落ち着いた組み合わせにするなら、類似色の #3fadc8 と #8d97de を使いましょう。トライアドの組み合わせは #d58192 と #8ba960 です。

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

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

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

#65a3db は寒色系の色です。OKLCHでは色相 247度、明度 69.6%、クロマ 0.105 です。