# カラーコード #28809e：鮮やかな 空色

#28809e はRGBで rgb(40, 128, 158)、OKLCHで oklch(56.193% 0.09269 225.201) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/28809e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #28809e |
| RGB | rgb(40, 128, 158) |
| HSL | hsl(195.25, 59.6%, 38.82%) |
| HSB / HSV | hsv(195.25 74.68% 61.96%) |
| HWB | hwb(195.25 15.69% 38.04%) |
| CMYK | cmyk(75% 19% 0% 38%) |
| Lab | lab(49.52 -18.8 -24.07) |
| LCH | lch(49.52 30.54 232) |
| OKLab | oklab(56.193% -0.06531 -0.06577) |
| OKLCH | oklch(56.193% 0.09269 225.201) |
| Display P3 | color(display-p3 0.26191 0.49495 0.60745) |
| Rec. 2020 | color(rec2020 0.28934 0.4381 0.56414) |
| Adobe RGB | color(a98-rgb 0.31105 0.49802 0.60961) |
| ProPhoto RGB | color(prophoto-rgb 0.32269 0.40926 0.53253) |
| 線形sRGB | color(srgb-linear 0.02122 0.21586 0.34191) |
| XYZ D65 | color(xyz-d65 0.14765 0.18357 0.35114) |
| XYZ D50 | color(xyz-d50 0.14131 0.1802 0.26541) |
| SwiftUI | Color(red: 0.157, green: 0.502, blue: 0.62) |
| UIKit | UIColor(red: 0.157, green: 0.502, blue: 0.62, alpha: 1) |
| Flutter / Compose | Color(0xFF28809E) |
| Android XML | #28809E |

## 基本情報

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

## ティント

#28809e, #438ca8, #5a99b1, #70a5bb, #84b2c5, #99bfce, #adcbd8, #c1d8e2, #d6e5eb, #eaf2f5

## シェード

#28809e, #216e89, #1b5d74, #154d60, #0f3d4d, #092e3a, #041f29, #021218, #010609, #000101

## トーン

#28809e, #357f9a, #3f7e96, #487d92, #507c8e, #577b8a, #5e7a86, #647982, #6a787d, #707679

## カラーハーモニー

- 補色: #28809e, #a26345
- 分裂補色: #28809e, #a45d63, #956d30
- 類似色: #28809e, #118686, #4f77ab
- トライアド: #28809e, #9c5e81, #7d7831
- テトラード: #28809e, #706da9, #a26345, #7d7831
- スクエア: #28809e, #8a649a, #a26345, #5d8148
- モノクロマティック: #28809e, #003b53, #005d79, #52a5c4, #78cbec

## #28809e についてのよくある質問

### #28809e は何色ですか？

#28809e は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(40, 128, 158)、HSLでは hsl(195.25, 59.6%, 38.82%)、OKLCHでは oklch(56.193% 0.09269 225.201) です。

### #28809e に合う色は？

#28809e の補色は #a26345 です。落ち着いた組み合わせにするなら、類似色の #118686 と #4f77ab を使いましょう。トライアドの組み合わせは #9c5e81 と #7d7831 です。

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

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

### #28809e は暖色と寒色のどちらですか？

#28809e は寒色系の色です。OKLCHでは色相 225度、明度 56.2%、クロマ 0.093 です。