# カラーコード #4b8ea3：スモーキーな 空色

#4b8ea3 はRGBで rgb(75, 142, 163)、OKLCHで oklch(61.091% 0.07498 220.638) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4b8ea3

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4b8ea3 |
| RGB | rgb(75, 142, 163) |
| HSL | hsl(194.32, 36.97%, 46.67%) |
| HSB / HSV | hsv(194.32 53.99% 63.92%) |
| HWB | hwb(194.32 29.41% 36.08%) |
| CMYK | cmyk(54% 13% 0% 36%) |
| Lab | lab(55.25 -17.58 -18.09) |
| LCH | lch(55.25 25.23 225.82) |
| OKLab | oklab(61.091% -0.0569 -0.04883) |
| OKLCH | oklch(61.091% 0.07498 220.638) |
| Display P3 | color(display-p3 0.35895 0.55056 0.62966) |
| Rec. 2020 | color(rec2020 0.36752 0.49796 0.58872) |
| Adobe RGB | color(a98-rgb 0.39181 0.55182 0.63025) |
| ProPhoto RGB | color(prophoto-rgb 0.38336 0.46653 0.55808) |
| 線形sRGB | color(srgb-linear 0.07036 0.2705 0.36625) |
| XYZ D65 | color(xyz-d65 0.19184 0.23485 0.38174) |
| XYZ D50 | color(xyz-d50 0.18727 0.23177 0.28878) |
| SwiftUI | Color(red: 0.294, green: 0.557, blue: 0.639) |
| UIKit | UIColor(red: 0.294, green: 0.557, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF4B8EA3) |
| Android XML | #4B8EA3 |

## 基本情報

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

## ティント

#4b8ea3, #5e99ac, #71a4b5, #82afbe, #94bac7, #a6c6d1, #b7d1da, #c9dce3, #dbe8ec, #edf3f6

## シェード

#4b8ea3, #407b8d, #356878, #2b5663, #21444f, #17343c, #0e242a, #061519, #02070a, #000101

## トーン

#4b8ea3, #528da0, #598c9d, #5f8b9a, #658a97, #6b8993, #708890, #75878d, #7a868a, #7f8587

## カラーハーモニー

- 補色: #4b8ea3, #ab7461
- 分裂補色: #4b8ea3, #ab7179, #a07c50
- 類似色: #4b8ea3, #47928e, #6187af
- トライアド: #4b8ea3, #a37291, #8d854e
- テトラード: #4b8ea3, #7b7eb0, #ab7461, #8d854e
- スクエア: #4b8ea3, #9277a5, #ab7461, #748d5d
- モノクロマティック: #4b8ea3, #00485b, #246a7e, #70b3c9, #96daf1

## #4b8ea3 についてのよくある質問

### #4b8ea3 は何色ですか？

#4b8ea3 はスモーキーな 空色です。最も近い名前のある色はスモーキーな 空色です。RGBでは rgb(75, 142, 163)、HSLでは hsl(194.32, 36.97%, 46.67%)、OKLCHでは oklch(61.091% 0.07498 220.638) です。

### #4b8ea3 に合う色は？

#4b8ea3 の補色は #ab7461 です。落ち着いた組み合わせにするなら、類似色の #47928e と #6187af を使いましょう。トライアドの組み合わせは #a37291 と #8d854e です。

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

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

### #4b8ea3 は暖色と寒色のどちらですか？

#4b8ea3 は寒色系の色です。OKLCHでは色相 221度、明度 61.1%、クロマ 0.075 です。