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

#34bee2 はRGBで rgb(52, 190, 226)、OKLCHで oklch(74.524% 0.12337 219.944) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/34bee2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #34bee2 |
| RGB | rgb(52, 190, 226) |
| HSL | hsl(192.41, 75%, 54.51%) |
| HSB / HSV | hsv(192.41 76.99% 88.63%) |
| HWB | hwb(192.41 20.39% 11.37%) |
| CMYK | cmyk(77% 16% 0% 11%) |
| Lab | lab(71.07 -28.37 -29.08) |
| LCH | lch(71.07 40.63 225.71) |
| OKLab | oklab(74.524% -0.09458 -0.07921) |
| OKLCH | oklch(74.524% 0.12337 219.944) |
| Display P3 | color(display-p3 0.38058 0.73468 0.87052) |
| Rec. 2020 | color(rec2020 0.46144 0.69411 0.85308) |
| Adobe RGB | color(a98-rgb 0.44825 0.73948 0.8776) |
| ProPhoto RGB | color(prophoto-rgb 0.5076 0.66094 0.83278) |
| 線形sRGB | color(srgb-linear 0.03434 0.51492 0.76052) |
| XYZ D65 | color(xyz-d65 0.33555 0.43046 0.78494) |
| XYZ D50 | color(xyz-d50 0.32211 0.42288 0.59356) |
| SwiftUI | Color(red: 0.204, green: 0.745, blue: 0.886) |
| UIKit | UIColor(red: 0.204, green: 0.745, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF34BEE2) |
| Android XML | #34BEE2 |

## 基本情報

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

## ティント

#34bee2, #54c5e5, #6ccce8, #82d2eb, #95d9ee, #a8dff1, #bae6f4, #ccecf7, #ddf3fa, #eef9fc

## シェード

#34bee2, #2ca5c4, #248ca8, #1c758c, #155e71, #0e4857, #07333e, #031f27, #010d12, #000203

## トーン

#34bee2, #4bbddd, #5bbbd7, #69bad2, #75b8cd, #80b6c8, #8ab4c2, #93b2bd, #9cb0b7, #a4aeb2

## カラーハーモニー

- 補色: #34bee2, #ee906f
- 分裂補色: #34bee2, #ef8a9b, #de9e4d
- 類似色: #34bee2, #22c5be, #6cb2f7
- トライアド: #34bee2, #e08dc5, #bfae48
- テトラード: #34bee2, #9da3f9, #ee906f, #bfae48
- スクエア: #34bee2, #c496e7, #ee906f, #93bc66
- モノクロマティック: #34bee2, #007291, #0098bb, #65e5ff, #d0feff

## #34bee2 についてのよくある質問

### #34bee2 は何色ですか？

#34bee2 は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(52, 190, 226)、HSLでは hsl(192.41, 75%, 54.51%)、OKLCHでは oklch(74.524% 0.12337 219.944) です。

### #34bee2 に合う色は？

#34bee2 の補色は #ee906f です。落ち着いた組み合わせにするなら、類似色の #22c5be と #6cb2f7 を使いましょう。トライアドの組み合わせは #e08dc5 と #bfae48 です。

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

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

### #34bee2 は暖色と寒色のどちらですか？

#34bee2 は寒色系の色です。OKLCHでは色相 220度、明度 74.5%、クロマ 0.123 です。