# カラーコード #3ba2bd：鮮やかな 空色

#3ba2bd はRGBで rgb(59, 162, 189)、OKLCHで oklch(66.439% 0.10057 218.672) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #3ba2bd |
| RGB | rgb(59, 162, 189) |
| HSL | hsl(192.46, 52.42%, 48.63%) |
| HSB / HSV | hsv(192.46 68.78% 74.12%) |
| HWB | hwb(192.46 23.14% 25.88%) |
| CMYK | cmyk(69% 14% 0% 26%) |
| Lab | lab(61.62 -24.02 -23.17) |
| LCH | lch(61.62 33.37 223.97) |
| OKLab | oklab(66.439% -0.07852 -0.06284) |
| OKLCH | oklch(66.439% 0.10057 218.672) |
| Display P3 | color(display-p3 0.34939 0.62683 0.7289) |
| Rec. 2020 | color(rec2020 0.39391 0.57815 0.69688) |
| Adobe RGB | color(a98-rgb 0.40122 0.62945 0.73152) |
| ProPhoto RGB | color(prophoto-rgb 0.42459 0.54397 0.66796) |
| 線形sRGB | color(srgb-linear 0.04374 0.36131 0.50888) |
| XYZ D65 | color(xyz-d65 0.23908 0.30443 0.52762) |
| XYZ D50 | color(xyz-d50 0.23104 0.2996 0.39908) |
| SwiftUI | Color(red: 0.231, green: 0.635, blue: 0.741) |
| UIKit | UIColor(red: 0.231, green: 0.635, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF3BA2BD) |
| Android XML | #3BA2BD |

## 基本情報

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

## ティント

#3ba2bd, #54abc4, #6ab5ca, #7ebed1, #91c7d8, #a4d1de, #b7dae5, #c9e3eb, #dbecf2, #edf6f8

## シェード

#3ba2bd, #328ca4, #29778c, #216374, #194f5d, #113c47, #092a33, #04191f, #010a0d, #000102

## トーン

#3ba2bd, #49a1b9, #55a0b5, #5f9eb1, #689dad, #719ba8, #789aa4, #8098a0, #87979c, #8d9598

## カラーハーモニー

- 補色: #3ba2bd, #c87d65
- 分裂補色: #3ba2bd, #c87987, #bc884b
- 類似色: #3ba2bd, #35a7a0, #6098cf
- トライアド: #3ba2bd, #bc7ba8, #a39446
- テトラード: #3ba2bd, #868dd1, #c87d65, #a39446
- スクエア: #3ba2bd, #a582c3, #c87d65, #81a05b
- モノクロマティック: #3ba2bd, #005a72, #007d97, #65c8e4, #8df0ff

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

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

#3ba2bd は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(59, 162, 189)、HSLでは hsl(192.46, 52.42%, 48.63%)、OKLCHでは oklch(66.439% 0.10057 218.672) です。

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

#3ba2bd の補色は #c87d65 です。落ち着いた組み合わせにするなら、類似色の #35a7a0 と #6098cf を使いましょう。トライアドの組み合わせは #bc7ba8 と #a39446 です。

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

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

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

#3ba2bd は寒色系の色です。OKLCHでは色相 219度、明度 66.4%、クロマ 0.101 です。