# カラーコード #6592bc：やわらかな 青

#6592bc はRGBで rgb(101, 146, 188)、OKLCHで oklch(64.409% 0.08015 247.473) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/6592bc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6592bc |
| RGB | rgb(101, 146, 188) |
| HSL | hsl(208.97, 39.37%, 56.67%) |
| HSB / HSV | hsv(208.97 46.28% 73.73%) |
| HWB | hwb(208.97 39.61% 26.27%) |
| CMYK | cmyk(46% 22% 0% 26%) |
| Lab | lab(58.56 -7.11 -27.09) |
| LCH | lch(58.56 28.01 255.3) |
| OKLab | oklab(64.409% -0.03071 -0.07404) |
| OKLCH | oklch(64.409% 0.08015 247.473) |
| Display P3 | color(display-p3 0.43414 0.56777 0.72265) |
| Rec. 2020 | color(rec2020 0.43121 0.51965 0.68917) |
| Adobe RGB | color(a98-rgb 0.45263 0.56728 0.72568) |
| ProPhoto RGB | color(prophoto-rgb 0.44673 0.4911 0.65837) |
| 線形sRGB | color(srgb-linear 0.13014 0.28744 0.50289) |
| XYZ D65 | color(xyz-d65 0.24721 0.26955 0.51479) |
| XYZ D50 | color(xyz-d50 0.23941 0.2655 0.38883) |
| SwiftUI | Color(red: 0.396, green: 0.573, blue: 0.737) |
| UIKit | UIColor(red: 0.396, green: 0.573, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF6592BC) |
| Android XML | #6592BC |

## 基本情報

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

## ティント

#6592bc, #749dc3, #83a7ca, #92b2d1, #a2bdd7, #b1c8de, #c0d3e5, #d0deeb, #dfe9f2, #eff4f8

## シェード

#6592bc, #577ea3, #496b8b, #3c5873, #2f465d, #223547, #172532, #0c161f, #03080d, #000102

## トーン

#6592bc, #6a92b7, #6e91b3, #7291ae, #7691aa, #7a90a5, #7e90a0, #828f9c, #868f97, #8a8e92

## カラーハーモニー

- 補色: #6592bc, #ae8457
- 分裂補色: #6592bc, #b87c6a, #9b8e53
- 類似色: #6592bc, #4e99ae, #8189be
- トライアド: #6592bc, #b87984, #809761
- テトラード: #6592bc, #9b80b4, #ae8457, #809761
- スクエア: #6592bc, #ad7b9f, #ae8457, #629c7a
- モノクロマティック: #6592bc, #204c72, #426e96, #89b8e3, #afdeff

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

### #6592bc は何色ですか？

#6592bc はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(101, 146, 188)、HSLでは hsl(208.97, 39.37%, 56.67%)、OKLCHでは oklch(64.409% 0.08015 247.473) です。

### #6592bc に合う色は？

#6592bc の補色は #ae8457 です。落ち着いた組み合わせにするなら、類似色の #4e99ae と #8189be を使いましょう。トライアドの組み合わせは #b87984 と #809761 です。

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

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

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

#6592bc は寒色系の色です。OKLCHでは色相 247度、明度 64.4%、クロマ 0.08 です。