# カラーコード #28bce2：鮮やかな 明るい空色

#28bce2 はRGBで rgb(40, 188, 226)、OKLCHで oklch(73.842% 0.12721 220.575) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/28bce2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #28bce2 |
| RGB | rgb(40, 188, 226) |
| HSL | hsl(192.26, 76.23%, 52.16%) |
| HSB / HSV | hsv(192.26 82.3% 88.63%) |
| HWB | hwb(192.26 15.69% 11.37%) |
| CMYK | cmyk(82% 17% 0% 11%) |
| Lab | lab(70.27 -28.69 -30.33) |
| LCH | lch(70.27 41.74 226.59) |
| OKLab | oklab(73.842% -0.09662 -0.08274) |
| OKLCH | oklch(73.842% 0.12721 220.575) |
| Display P3 | color(display-p3 0.36031 0.72666 0.86994) |
| Rec. 2020 | color(rec2020 0.4475 0.68523 0.85232) |
| Adobe RGB | color(a98-rgb 0.43268 0.73157 0.87734) |
| ProPhoto RGB | color(prophoto-rgb 0.49708 0.65176 0.83173) |
| 線形sRGB | color(srgb-linear 0.02122 0.50289 0.76052) |
| XYZ D65 | color(xyz-d65 0.32583 0.41906 0.78325) |
| XYZ D50 | color(xyz-d50 0.31176 0.41134 0.59221) |
| SwiftUI | Color(red: 0.157, green: 0.737, blue: 0.886) |
| UIKit | UIColor(red: 0.157, green: 0.737, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF28BCE2) |
| Android XML | #28BCE2 |

## 基本情報

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

## ティント

#28bce2, #4dc3e5, #67cae8, #7ed1eb, #92d8ee, #a6def1, #b8e5f4, #caecf7, #dcf2fa, #eef9fc

## シェード

#28bce2, #21a3c4, #1b8ba8, #15738c, #0f5d71, #094757, #04323e, #021f27, #010d12, #000203

## トーン

#28bce2, #43bbdd, #56b9d7, #64b8d2, #71b6cc, #7db4c7, #87b2c1, #91b0bb, #9aaeb6, #a2acb0

## カラーハーモニー

- 補色: #28bce2, #ee8d6a
- 分裂補色: #28bce2, #ee8797, #dd9b46
- 類似色: #28bce2, #01c3bd, #69aff7
- トライアド: #28bce2, #e089c3, #bcac41
- テトラード: #28bce2, #9ca0f9, #ee8d6a, #bcac41
- スクエア: #28bce2, #c493e6, #ee8d6a, #8fba62
- モノクロマティック: #28bce2, #00708f, #0096bb, #5ee3ff, #d0feff

## #28bce2 についてのよくある質問

### #28bce2 は何色ですか？

#28bce2 は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(40, 188, 226)、HSLでは hsl(192.26, 76.23%, 52.16%)、OKLCHでは oklch(73.842% 0.12721 220.575) です。

### #28bce2 に合う色は？

#28bce2 の補色は #ee8d6a です。落ち着いた組み合わせにするなら、類似色の #01c3bd と #69aff7 を使いましょう。トライアドの組み合わせは #e089c3 と #bcac41 です。

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

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

### #28bce2 は暖色と寒色のどちらですか？

#28bce2 は寒色系の色です。OKLCHでは色相 221度、明度 73.8%、クロマ 0.127 です。