# カラーコード #75bcd7：やわらかな 明るい空色

#75bcd7 はRGBで rgb(117, 188, 215)、OKLCHで oklch(75.826% 0.08107 224.292) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/75bcd7

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #75bcd7 |
| RGB | rgb(117, 188, 215) |
| HSL | hsl(196.53, 55.06%, 65.1%) |
| HSB / HSV | hsv(196.53 45.58% 84.31%) |
| HWB | hwb(196.53 45.88% 15.69%) |
| CMYK | cmyk(46% 13% 0% 16%) |
| Lab | lab(72.31 -17.83 -21.01) |
| LCH | lch(72.31 27.56 229.67) |
| OKLab | oklab(75.826% -0.05803 -0.05661) |
| OKLCH | oklch(75.826% 0.08107 224.292) |
| Display P3 | color(display-p3 0.52263 0.73013 0.83127) |
| Rec. 2020 | color(rec2020 0.5465 0.69259 0.80989) |
| Adobe RGB | color(a98-rgb 0.5518 0.73157 0.8348) |
| ProPhoto RGB | color(prophoto-rgb 0.56313 0.66197 0.78736) |
| 線形sRGB | color(srgb-linear 0.17789 0.50289 0.67954) |
| XYZ D65 | color(xyz-d65 0.37583 0.44653 0.70931) |
| XYZ D50 | color(xyz-d50 0.36849 0.44129 0.53656) |
| SwiftUI | Color(red: 0.459, green: 0.737, blue: 0.843) |
| UIKit | UIColor(red: 0.459, green: 0.737, blue: 0.843, alpha: 1) |
| Flutter / Compose | Color(0xFF75BCD7) |
| Android XML | #75BCD7 |

## 基本情報

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

## ティント

#75bcd7, #84c3db, #92c9df, #a0d0e3, #aed7e7, #bcdeeb, #c9e4ef, #d7ebf3, #e4f2f7, #f2f8fb

## シェード

#75bcd7, #65a3bb, #558b9f, #467385, #375d6b, #294752, #1c323b, #0f1f25, #050d11, #010202

## トーン

#75bcd7, #7cbbd3, #83bacf, #8ab9cc, #90b8c8, #96b7c4, #9bb5c0, #a1b4bc, #a6b3b8, #abb2b4

## カラーハーモニー

- 補色: #75bcd7, #dda086
- 分裂補色: #75bcd7, #df9ca1, #cfa976
- 類似色: #75bcd7, #6ec1c0, #8db4e4
- トライアド: #75bcd7, #d69cbd, #b8b476
- テトラード: #75bcd7, #aaaae3, #dda086, #b8b476
- スクエア: #75bcd7, #c4a1d5, #dda086, #9bbc88
- モノクロマティック: #75bcd7, #28728b, #4f96b0, #9be3ff, #d4fdff

## #75bcd7 についてのよくある質問

### #75bcd7 は何色ですか？

#75bcd7 はやわらかな 明るい空色です。最も近い名前のある色はやわらかな 明るい空色です。RGBでは rgb(117, 188, 215)、HSLでは hsl(196.53, 55.06%, 65.1%)、OKLCHでは oklch(75.826% 0.08107 224.292) です。

### #75bcd7 に合う色は？

#75bcd7 の補色は #dda086 です。落ち着いた組み合わせにするなら、類似色の #6ec1c0 と #8db4e4 を使いましょう。トライアドの組み合わせは #d69cbd と #b8b476 です。

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

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

### #75bcd7 は暖色と寒色のどちらですか？

#75bcd7 は寒色系の色です。OKLCHでは色相 224度、明度 75.8%、クロマ 0.081 です。