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

#39b0db はRGBで rgb(57, 176, 219)、OKLCHで oklch(71.027% 0.11965 226.766) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/39b0db

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #39b0db |
| RGB | rgb(57, 176, 219) |
| HSL | hsl(195.93, 69.23%, 54.12%) |
| HSB / HSV | hsv(195.93 73.97% 85.88%) |
| HWB | hwb(195.93 22.35% 14.12%) |
| CMYK | cmyk(74% 20% 0% 14%) |
| Lab | lab(66.77 -23.17 -31.85) |
| LCH | lch(66.77 39.38 233.97) |
| OKLab | oklab(71.027% -0.08196 -0.08718) |
| OKLCH | oklch(71.027% 0.11965 226.766) |
| Display P3 | color(display-p3 0.36673 0.68078 0.8418) |
| Rec. 2020 | color(rec2020 0.43269 0.63676 0.82075) |
| Adobe RGB | color(a98-rgb 0.42579 0.68428 0.84868) |
| ProPhoto RGB | color(prophoto-rgb 0.47774 0.60373 0.7971) |
| 線形sRGB | color(srgb-linear 0.04092 0.43415 0.70838) |
| XYZ D65 | color(xyz-d65 0.29997 0.37033 0.72587) |
| XYZ D50 | color(xyz-d50 0.28641 0.36328 0.54857) |
| SwiftUI | Color(red: 0.224, green: 0.69, blue: 0.859) |
| UIKit | UIColor(red: 0.224, green: 0.69, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFF39B0DB) |
| Android XML | #39B0DB |

## 基本情報

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

## ティント

#39b0db, #55b8df, #6cc0e3, #80c8e7, #94d0ea, #a6d8ee, #b9e0f2, #cae8f5, #dcf0f8, #eef7fc

## シェード

#39b0db, #3099be, #2882a2, #1f6c87, #17566d, #104254, #092e3c, #041c26, #010b11, #000102

## トーン

#39b0db, #4bafd5, #59aed0, #65acca, #70abc4, #79aabf, #82a8b9, #8ba7b3, #93a5ad, #9aa3a7

## カラーハーモニー

- 補色: #39b0db, #de895e
- 分裂補色: #39b0db, #e28187, #cb9741
- 類似色: #39b0db, #0cb8bb, #70a3eb
- トライアド: #39b0db, #d782b0, #aba645
- テトラード: #39b0db, #9c95e8, #de895e, #aba645
- スクエア: #39b0db, #bf89d3, #de895e, #7eb366
- モノクロマティック: #39b0db, #00668b, #008ab4, #66d7ff, #c6f7ff

## #39b0db についてのよくある質問

### #39b0db は何色ですか？

#39b0db は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(57, 176, 219)、HSLでは hsl(195.93, 69.23%, 54.12%)、OKLCHでは oklch(71.027% 0.11965 226.766) です。

### #39b0db に合う色は？

#39b0db の補色は #de895e です。落ち着いた組み合わせにするなら、類似色の #0cb8bb と #70a3eb を使いましょう。トライアドの組み合わせは #d782b0 と #aba645 です。

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

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

### #39b0db は暖色と寒色のどちらですか？

#39b0db は寒色系の色です。OKLCHでは色相 227度、明度 71%、クロマ 0.12 です。