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

#48bbdf はRGBで rgb(72, 187, 223)、OKLCHで oklch(74.174% 0.1138 222.403) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #48bbdf |
| RGB | rgb(72, 187, 223) |
| HSL | hsl(194.3, 70.23%, 57.84%) |
| HSB / HSV | hsv(194.3 67.71% 87.45%) |
| HWB | hwb(194.3 28.24% 12.55%) |
| CMYK | cmyk(68% 16% 0% 13%) |
| Lab | lab(70.55 -25.03 -28.2) |
| LCH | lch(70.55 37.71 228.41) |
| OKLab | oklab(74.174% -0.08403 -0.07674) |
| OKLCH | oklch(74.174% 0.1138 222.403) |
| Display P3 | color(display-p3 0.41212 0.72377 0.85914) |
| Rec. 2020 | color(rec2020 0.475 0.6832 0.84039) |
| Adobe RGB | color(a98-rgb 0.46758 0.72762 0.86558) |
| ProPhoto RGB | color(prophoto-rgb 0.51427 0.65055 0.81907) |
| 線形sRGB | color(srgb-linear 0.0648 0.49693 0.73791) |
| XYZ D65 | color(xyz-d65 0.3376 0.42244 0.76189) |
| XYZ D50 | color(xyz-d50 0.32523 0.4154 0.57609) |
| SwiftUI | Color(red: 0.282, green: 0.733, blue: 0.875) |
| UIKit | UIColor(red: 0.282, green: 0.733, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF48BBDF) |
| Android XML | #48BBDF |

## 基本情報

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

## ティント

#48bbdf, #60c2e2, #75c9e6, #89d0e9, #9bd7ed, #acdef0, #bde4f3, #ceebf6, #def2f9, #eff8fc

## シェード

#48bbdf, #3da2c2, #338aa5, #29738a, #1f5c6f, #164656, #0d323d, #061f27, #020d12, #000202

## トーン

#48bbdf, #58bada, #65b8d5, #70b7d0, #7ab6cb, #84b4c5, #8db2c0, #95b1bb, #9dafb6, #a4adb1

## カラーハーモニー

- 補色: #48bbdf, #e89371
- 分裂補色: #48bbdf, #ea8c98, #d79f54
- 類似色: #48bbdf, #39c2be, #75aff1
- トライアド: #48bbdf, #dd8ebf, #b9ae53
- テトラード: #48bbdf, #a0a2f1, #e89371, #b9ae53
- スクエア: #48bbdf, #c496df, #e89371, #90bb6e
- モノクロマティック: #48bbdf, #007192, #0995b8, #73e2ff, #d2fdff

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

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

#48bbdf は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(72, 187, 223)、HSLでは hsl(194.3, 70.23%, 57.84%)、OKLCHでは oklch(74.174% 0.1138 222.403) です。

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

#48bbdf の補色は #e89371 です。落ち着いた組み合わせにするなら、類似色の #39c2be と #75aff1 を使いましょう。トライアドの組み合わせは #dd8ebf と #b9ae53 です。

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

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

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

#48bbdf は寒色系の色です。OKLCHでは色相 222度、明度 74.2%、クロマ 0.114 です。