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

#3bbae3 はRGBで rgb(59, 186, 227)、OKLCHで oklch(73.775% 0.12219 224.14) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/3bbae3

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #3bbae3 |
| RGB | rgb(59, 186, 227) |
| HSL | hsl(194.64, 75%, 56.08%) |
| HSB / HSV | hsv(194.64 74.01% 89.02%) |
| HWB | hwb(194.64 23.14% 10.98%) |
| CMYK | cmyk(74% 18% 0% 11%) |
| Lab | lab(70.06 -25.46 -31.16) |
| LCH | lch(70.06 40.24 230.75) |
| OKLab | oklab(73.775% -0.08769 -0.0851) |
| OKLCH | oklch(73.775% 0.12219 224.14) |
| Display P3 | color(display-p3 0.38582 0.71944 0.87336) |
| Rec. 2020 | color(rec2020 0.45959 0.67827 0.85595) |
| Adobe RGB | color(a98-rgb 0.44814 0.72367 0.88096) |
| ProPhoto RGB | color(prophoto-rgb 0.50584 0.64553 0.83531) |
| 線形sRGB | color(srgb-linear 0.04374 0.49102 0.76815) |
| XYZ D65 | color(xyz-d65 0.33225 0.41592 0.78952) |
| XYZ D50 | color(xyz-d50 0.31809 0.4083 0.59681) |
| SwiftUI | Color(red: 0.231, green: 0.729, blue: 0.89) |
| UIKit | UIColor(red: 0.231, green: 0.729, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF3BBAE3) |
| Android XML | #3BBAE3 |

## 基本情報

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

## ティント

#3bbae3, #58c1e6, #6fc8e9, #83cfec, #96d6ef, #a9ddf2, #bbe4f5, #ccebf7, #ddf2fa, #eef8fd

## シェード

#3bbae3, #32a1c5, #2989a8, #21728c, #195c71, #114657, #09323f, #041e27, #010d12, #000203

## トーン

#3bbae3, #4eb9dd, #5db7d8, #6ab6d2, #75b5cd, #80b3c7, #89b1c1, #92b0bb, #9aaeb6, #a2acb0

## カラーハーモニー

- 補色: #3bbae3, #ea9068
- 分裂補色: #3bbae3, #ec8892, #d89e49
- 類似色: #3bbae3, #1cc2c1, #72adf6
- トライアド: #3bbae3, #e08abd, #b7ae49
- テトラード: #3bbae3, #a19ff4, #ea9068, #b7ae49
- スクエア: #3bbae3, #c692e0, #ea9068, #8abb6a
- モノクロマティック: #3bbae3, #006f93, #0094bc, #69e1ff, #d4fdff

## #3bbae3 についてのよくある質問

### #3bbae3 は何色ですか？

#3bbae3 は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(59, 186, 227)、HSLでは hsl(194.64, 75%, 56.08%)、OKLCHでは oklch(73.775% 0.12219 224.14) です。

### #3bbae3 に合う色は？

#3bbae3 の補色は #ea9068 です。落ち着いた組み合わせにするなら、類似色の #1cc2c1 と #72adf6 を使いましょう。トライアドの組み合わせは #e08abd と #b7ae49 です。

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

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

### #3bbae3 は暖色と寒色のどちらですか？

#3bbae3 は寒色系の色です。OKLCHでは色相 224度、明度 73.8%、クロマ 0.122 です。