# カラーコード #4792ac：やわらかな 空色

#4792ac はRGBで rgb(71, 146, 172)、OKLCHで oklch(62.264% 0.0837 223.379) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4792ac

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4792ac |
| RGB | rgb(71, 146, 172) |
| HSL | hsl(195.45, 41.56%, 47.65%) |
| HSB / HSV | hsv(195.45 58.72% 67.45%) |
| HWB | hwb(195.45 27.84% 32.55%) |
| CMYK | cmyk(59% 15% 0% 33%) |
| Lab | lab(56.59 -18.32 -21.2) |
| LCH | lch(56.59 28.02 229.17) |
| OKLab | oklab(62.264% -0.06083 -0.05749) |
| OKLCH | oklch(62.264% 0.0837 223.379) |
| Display P3 | color(display-p3 0.35396 0.56572 0.66332) |
| Rec. 2020 | color(rec2020 0.37169 0.51396 0.62511) |
| Adobe RGB | color(a98-rgb 0.39121 0.56728 0.66477) |
| ProPhoto RGB | color(prophoto-rgb 0.39308 0.48205 0.59429) |
| 線形sRGB | color(srgb-linear 0.06301 0.28744 0.41254) |
| XYZ D65 | color(xyz-d65 0.20323 0.24875 0.42761) |
| XYZ D50 | color(xyz-d50 0.19721 0.24509 0.32338) |
| SwiftUI | Color(red: 0.278, green: 0.573, blue: 0.675) |
| UIKit | UIColor(red: 0.278, green: 0.573, blue: 0.675, alpha: 1) |
| Flutter / Compose | Color(0xFF4792AC) |
| Android XML | #4792AC |

## 基本情報

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

## ティント

#4792ac, #5b9db4, #6ea7bd, #81b2c5, #93bdcd, #a5c8d5, #b7d3de, #c9dee6, #dbe9ee, #edf4f7

## シェード

#4792ac, #3d7e95, #326b7f, #285869, #1f4654, #163540, #0d252d, #06161b, #02080b, #000101

## トーン

#4792ac, #5091a8, #5890a5, #5f8fa1, #658e9d, #6c8d9a, #728c96, #778b92, #7d898e, #82888b

## カラーハーモニー

- 補色: #4792ac, #b2765d
- 分裂補色: #4792ac, #b37278, #a67f4b
- 類似色: #4792ac, #3f9795, #628ab9
- トライアド: #4792ac, #ab7294, #90894b
- テトラード: #4792ac, #8080b8, #b2765d, #90894b
- スクエア: #4792ac, #9978ab, #b2765d, #73925d
- モノクロマティック: #4792ac, #004c63, #1d6e87, #6db8d3, #93defa

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

### #4792ac は何色ですか？

#4792ac はやわらかな 空色です。最も近い名前のある色はやわらかな 空色です。RGBでは rgb(71, 146, 172)、HSLでは hsl(195.45, 41.56%, 47.65%)、OKLCHでは oklch(62.264% 0.0837 223.379) です。

### #4792ac に合う色は？

#4792ac の補色は #b2765d です。落ち着いた組み合わせにするなら、類似色の #3f9795 と #628ab9 を使いましょう。トライアドの組み合わせは #ab7294 と #90894b です。

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

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

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

#4792ac は寒色系の色です。OKLCHでは色相 223度、明度 62.3%、クロマ 0.084 です。