# カラーコード #2d9ebd：鮮やかな 空色

#2d9ebd はRGBで rgb(45, 158, 189)、OKLCHで oklch(65.115% 0.10683 220.732) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/2d9ebd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2d9ebd |
| RGB | rgb(45, 158, 189) |
| HSL | hsl(192.92, 61.54%, 45.88%) |
| HSB / HSV | hsv(192.92 76.19% 74.12%) |
| HWB | hwb(192.92 17.65% 25.88%) |
| CMYK | cmyk(76% 16% 0% 26%) |
| Lab | lab(60.05 -24.18 -25.59) |
| LCH | lch(60.05 35.2 226.63) |
| OKLab | oklab(65.115% -0.08095 -0.06971) |
| OKLCH | oklch(65.115% 0.10683 220.732) |
| Display P3 | color(display-p3 0.31765 0.61092 0.72776) |
| Rec. 2020 | color(rec2020 0.37035 0.56086 0.69542) |
| Adobe RGB | color(a98-rgb 0.37574 0.61386 0.73099) |
| ProPhoto RGB | color(prophoto-rgb 0.40703 0.52689 0.66598) |
| 線形sRGB | color(srgb-linear 0.02624 0.34191 0.50888) |
| XYZ D65 | color(xyz-d65 0.22493 0.28684 0.52497) |
| XYZ D50 | color(xyz-d50 0.21594 0.2818 0.39695) |
| SwiftUI | Color(red: 0.176, green: 0.62, blue: 0.741) |
| UIKit | UIColor(red: 0.176, green: 0.62, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF2D9EBD) |
| Android XML | #2D9EBD |

## 基本情報

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

## ティント

#2d9ebd, #4ba8c4, #63b1ca, #78bbd1, #8cc5d8, #a0cfde, #b3d8e5, #c6e2ec, #d9ecf2, #ecf5f9

## シェード

#2d9ebd, #2689a4, #1f748c, #186074, #114d5d, #0b3a47, #062933, #02181f, #01090d, #000102

## トーン

#2d9ebd, #3f9db9, #4c9cb4, #589ab0, #6299ab, #6b98a7, #7396a2, #7b949d, #829399, #899194

## カラーハーモニー

- 補色: #2d9ebd, #c6785c
- 分裂補色: #2d9ebd, #c77380, #b8843f
- 類似色: #2d9ebd, #1da49f, #5b94ce
- トライアド: #2d9ebd, #bb75a3, #9e913c
- テトラード: #2d9ebd, #8487cf, #c6785c, #9e913c
- スクエア: #2d9ebd, #a47cc0, #c6785c, #799d55
- モノクロマティック: #2d9ebd, #00556f, #007997, #5bc4e4, #84ecff

## #2d9ebd についてのよくある質問

### #2d9ebd は何色ですか？

#2d9ebd は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(45, 158, 189)、HSLでは hsl(192.92, 61.54%, 45.88%)、OKLCHでは oklch(65.115% 0.10683 220.732) です。

### #2d9ebd に合う色は？

#2d9ebd の補色は #c6785c です。落ち着いた組み合わせにするなら、類似色の #1da49f と #5b94ce を使いましょう。トライアドの組み合わせは #bb75a3 と #9e913c です。

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

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

### #2d9ebd は暖色と寒色のどちらですか？

#2d9ebd は寒色系の色です。OKLCHでは色相 221度、明度 65.1%、クロマ 0.107 です。