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

#48bee2 はRGBで rgb(72, 190, 226)、OKLCHで oklch(75% 0.1154 221.903) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/48bee2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #48bee2 |
| RGB | rgb(72, 190, 226) |
| HSL | hsl(194.03, 72.64%, 58.43%) |
| HSB / HSV | hsv(194.03 68.14% 88.63%) |
| HWB | hwb(194.03 28.24% 11.37%) |
| CMYK | cmyk(68% 16% 0% 11%) |
| Lab | lab(71.53 -25.66 -28.33) |
| LCH | lch(71.53 38.23 227.83) |
| OKLab | oklab(75% -0.08589 -0.07707) |
| OKLCH | oklch(75% 0.1154 221.903) |
| Display P3 | color(display-p3 0.41648 0.73534 0.8708) |
| Rec. 2020 | color(rec2020 0.48248 0.69566 0.85337) |
| Adobe RGB | color(a98-rgb 0.47333 0.73948 0.8776) |
| ProPhoto RGB | color(prophoto-rgb 0.52283 0.66326 0.83311) |
| 線形sRGB | color(srgb-linear 0.0648 0.51492 0.76052) |
| XYZ D65 | color(xyz-d65 0.34811 0.43694 0.78553) |
| XYZ D50 | color(xyz-d50 0.33539 0.42966 0.59398) |
| SwiftUI | Color(red: 0.282, green: 0.745, blue: 0.886) |
| UIKit | UIColor(red: 0.282, green: 0.745, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF48BEE2) |
| Android XML | #48BEE2 |

## 基本情報

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

## ティント

#48bee2, #61c5e5, #76cbe8, #89d2eb, #9bd9ee, #addff1, #bee6f4, #ceecf7, #dff2fa, #eff9fc

## シェード

#48bee2, #3da5c4, #338ca8, #29758c, #1f5e71, #164857, #0d333e, #061f27, #020d12, #000203

## トーン

#48bee2, #58bddd, #66bbd8, #71bad3, #7cb8cd, #85b7c8, #8eb5c3, #97b3be, #9fb2b8, #a6b0b3

## カラーハーモニー

- 補色: #48bee2, #ec9573
- 分裂補色: #48bee2, #ed8e9b, #dba156
- 類似色: #48bee2, #39c5c0, #76b2f5
- トライアド: #48bee2, #e090c3, #bdb053
- テトラード: #48bee2, #a2a5f5, #ec9573, #bdb053
- スクエア: #48bee2, #c698e3, #ec9573, #93bd6f
- モノクロマティック: #48bee2, #007395, #0698bb, #73e5ff, #d2feff

## #48bee2 についてのよくある質問

### #48bee2 は何色ですか？

#48bee2 は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(72, 190, 226)、HSLでは hsl(194.03, 72.64%, 58.43%)、OKLCHでは oklch(75% 0.1154 221.903) です。

### #48bee2 に合う色は？

#48bee2 の補色は #ec9573 です。落ち着いた組み合わせにするなら、類似色の #39c5c0 と #76b2f5 を使いましょう。トライアドの組み合わせは #e090c3 と #bdb053 です。

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

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

### #48bee2 は暖色と寒色のどちらですか？

#48bee2 は寒色系の色です。OKLCHでは色相 222度、明度 75%、クロマ 0.115 です。