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

#77bdeb はRGBで rgb(119, 189, 235)、OKLCHで oklch(76.949% 0.09676 238.597) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/77bdeb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #77bdeb |
| RGB | rgb(119, 189, 235) |
| HSL | hsl(203.79, 74.36%, 69.41%) |
| HSB / HSV | hsv(203.79 49.36% 92.16%) |
| HWB | hwb(203.79 46.67% 7.84%) |
| CMYK | cmyk(49% 20% 0% 8%) |
| Lab | lab(73.3 -13.48 -30.3) |
| LCH | lch(73.3 33.16 246.01) |
| OKLab | oklab(76.949% -0.05042 -0.08259) |
| OKLCH | oklch(76.949% 0.09676 238.597) |
| Display P3 | color(display-p3 0.5292 0.73411 0.90454) |
| Rec. 2020 | color(rec2020 0.55836 0.69824 0.8904) |
| Adobe RGB | color(a98-rgb 0.55772 0.73552 0.91246) |
| ProPhoto RGB | color(prophoto-rgb 0.58625 0.66977 0.8723) |
| 線形sRGB | color(srgb-linear 0.18447 0.50888 0.83077) |
| XYZ D65 | color(xyz-d65 0.40798 0.46314 0.8539) |
| XYZ D50 | color(xyz-d50 0.3953 0.45622 0.64522) |
| SwiftUI | Color(red: 0.467, green: 0.741, blue: 0.922) |
| UIKit | UIColor(red: 0.467, green: 0.741, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF77BDEB) |
| Android XML | #77BDEB |

## 基本情報

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

## ティント

#77bdeb, #86c4ed, #94caf0, #a1d1f2, #afd8f4, #bddef6, #cae5f8, #d7ebfa, #e4f2fc, #f2f9fd

## シェード

#77bdeb, #67a4cc, #578cae, #477491, #385d75, #2a475b, #1c3341, #101f29, #050d13, #010203

## トーン

#77bdeb, #7ebce6, #85bce0, #8cbbdb, #92bad5, #98b9d0, #9eb8ca, #a4b7c5, #a9b6bf, #afb5ba

## カラーハーモニー

- 補色: #77bdeb, #e3a575
- 分裂補色: #77bdeb, #eb9c91, #cdb169
- 類似色: #77bdeb, #60c5d5, #9ab2f3
- トライアド: #77bdeb, #e79ab3, #aebd75
- テトラード: #77bdeb, #bca7ea, #e3a575, #aebd75
- スクエア: #77bdeb, #d79ed3, #e3a575, #88c692
- モノクロマティック: #77bdeb, #2b739d, #5297c3, #a6e3ff, #defaff

## #77bdeb についてのよくある質問

### #77bdeb は何色ですか？

#77bdeb は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(119, 189, 235)、HSLでは hsl(203.79, 74.36%, 69.41%)、OKLCHでは oklch(76.949% 0.09676 238.597) です。

### #77bdeb に合う色は？

#77bdeb の補色は #e3a575 です。落ち着いた組み合わせにするなら、類似色の #60c5d5 と #9ab2f3 を使いましょう。トライアドの組み合わせは #e79ab3 と #aebd75 です。

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

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

### #77bdeb は暖色と寒色のどちらですか？

#77bdeb は寒色系の色です。OKLCHでは色相 239度、明度 76.9%、クロマ 0.097 です。