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

#2d84bb はRGBで rgb(45, 132, 187)、OKLCHで oklch(58.75% 0.1168 241.05) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2d84bb |
| RGB | rgb(45, 132, 187) |
| HSL | hsl(203.24, 61.21%, 45.49%) |
| HSB / HSV | hsv(203.24 75.94% 73.33%) |
| HWB | hwb(203.24 17.65% 26.67%) |
| CMYK | cmyk(76% 29% 0% 27%) |
| Lab | lab(51.99 -11.94 -36.9) |
| LCH | lch(51.99 38.78 252.07) |
| OKLab | oklab(58.75% -0.05654 -0.1022) |
| OKLCH | oklch(58.75% 0.1168 241.05) |
| Display P3 | color(display-p3 0.27741 0.51057 0.71498) |
| Rec. 2020 | color(rec2020 0.31438 0.45645 0.68017) |
| Adobe RGB | color(a98-rgb 0.32511 0.51334 0.72028) |
| ProPhoto RGB | color(prophoto-rgb 0.36118 0.42915 0.64777) |
| 線形sRGB | color(srgb-linear 0.02624 0.23074 0.49693) |
| XYZ D65 | color(xyz-d65 0.18302 0.20647 0.50036) |
| XYZ D50 | color(xyz-d50 0.17141 0.20138 0.37763) |
| SwiftUI | Color(red: 0.176, green: 0.518, blue: 0.733) |
| UIKit | UIColor(red: 0.176, green: 0.518, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF2D84BB) |
| Android XML | #2D84BB |

## 基本情報

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

## ティント

#2d84bb, #4790c2, #5d9dc9, #72a9d1, #87b5d7, #9bc1de, #afcee5, #c3daec, #d7e6f2, #ebf3f9

## シェード

#2d84bb, #2672a2, #1f608a, #184f73, #113f5c, #0b2f46, #062032, #02121f, #01060d, #000102

## トーン

#2d84bb, #3a84b5, #4483af, #4d83a9, #5582a3, #5d819c, #648196, #6a8090, #717f89, #777e83

## カラーハーモニー

- 補色: #2d84bb, #ae6a28
- 分裂補色: #2d84bb, #b75f50, #96790d
- 類似色: #2d84bb, #008ea4, #6377c2
- トライアド: #2d84bb, #b45c78, #72872d
- テトラード: #2d84bb, #896bb7, #ae6a28, #72872d
- スクエア: #2d84bb, #a4619c, #ae6a28, #3f9058
- モノクロマティック: #2d84bb, #003e6c, #006095, #56a9e3, #7dd0ff

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

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

#2d84bb は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(45, 132, 187)、HSLでは hsl(203.24, 61.21%, 45.49%)、OKLCHでは oklch(58.75% 0.1168 241.05) です。

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

#2d84bb の補色は #ae6a28 です。落ち着いた組み合わせにするなら、類似色の #008ea4 と #6377c2 を使いましょう。トライアドの組み合わせは #b45c78 と #72872d です。

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

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

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

#2d84bb は寒色系の色です。OKLCHでは色相 241度、明度 58.8%、クロマ 0.117 です。