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

#83c4e2 はRGBで rgb(131, 196, 226)、OKLCHで oklch(78.736% 0.07863 228.709) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/83c4e2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #83c4e2 |
| RGB | rgb(131, 196, 226) |
| HSL | hsl(198.95, 62.09%, 70%) |
| HSB / HSV | hsv(198.95 42.04% 88.63%) |
| HWB | hwb(198.95 51.37% 11.37%) |
| CMYK | cmyk(42% 13% 0% 11%) |
| Lab | lab(75.6 -15.68 -21.91) |
| LCH | lch(75.6 26.94 234.41) |
| OKLab | oklab(78.736% -0.05189 -0.05908) |
| OKLCH | oklch(78.736% 0.07863 228.709) |
| Display P3 | color(display-p3 0.57002 0.76188 0.87367) |
| Rec. 2020 | color(rec2020 0.59233 0.72816 0.85685) |
| Adobe RGB | color(a98-rgb 0.59528 0.76324 0.87842) |
| ProPhoto RGB | color(prophoto-rgb 0.60878 0.69976 0.83766) |
| 線形sRGB | color(srgb-linear 0.22697 0.55201 0.76052) |
| XYZ D65 | color(xyz-d65 0.42825 0.49795 0.79309) |
| XYZ D50 | color(xyz-d50 0.42039 0.49233 0.59984) |
| SwiftUI | Color(red: 0.514, green: 0.769, blue: 0.886) |
| UIKit | UIColor(red: 0.514, green: 0.769, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF83C4E2) |
| Android XML | #83C4E2 |

## 基本情報

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

## ティント

#83c4e2, #90cae5, #9dd0e8, #a9d6eb, #b6dcee, #c2e2f1, #cee8f4, #dbedf7, #e7f3f9, #f3f9fc

## シェード

#83c4e2, #71aac4, #6091a8, #4f788c, #3f6171, #2f4a57, #20353e, #122127, #060e12, #010203

## トーン

#83c4e2, #89c3de, #90c2da, #95c1d6, #9bc0d2, #a1bfce, #a6beca, #abbdc6, #b0bcc2, #b5bbbe

## カラーハーモニー

- 補色: #83c4e2, #e4ab8d
- 分裂補色: #83c4e2, #e8a6a6, #d5b480
- 類似色: #83c4e2, #7acacc, #9bbbed
- トライアド: #83c4e2, #e1a6c2, #bdbe83
- テトラード: #83c4e2, #b7b2ea, #e4ab8d, #bdbe83
- スクエア: #83c4e2, #d0aada, #e4ab8d, #a1c696
- モノクロマティック: #83c4e2, #397a95, #5e9ebb, #a9ebff, #d7fcff

## #83c4e2 についてのよくある質問

### #83c4e2 は何色ですか？

#83c4e2 はやわらかな 明るい空色です。最も近い名前のある色はやわらかな 明るい空色です。RGBでは rgb(131, 196, 226)、HSLでは hsl(198.95, 62.09%, 70%)、OKLCHでは oklch(78.736% 0.07863 228.709) です。

### #83c4e2 に合う色は？

#83c4e2 の補色は #e4ab8d です。落ち着いた組み合わせにするなら、類似色の #7acacc と #9bbbed を使いましょう。トライアドの組み合わせは #e1a6c2 と #bdbe83 です。

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

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

### #83c4e2 は暖色と寒色のどちらですか？

#83c4e2 は寒色系の色です。OKLCHでは色相 229度、明度 78.7%、クロマ 0.079 です。