# カラーコード #276ba2：鮮やかな 空色

#276ba2 はRGBで rgb(39, 107, 162)、OKLCHで oklch(51.209% 0.11036 246.808) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/276ba2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #276ba2 |
| RGB | rgb(39, 107, 162) |
| HSL | hsl(206.83, 61.19%, 39.41%) |
| HSB / HSV | hsv(206.83 75.93% 63.53%) |
| HWB | hwb(206.83 15.29% 36.47%) |
| CMYK | cmyk(76% 34% 0% 36%) |
| Lab | lab(43.04 -6.82 -36.47) |
| LCH | lch(43.04 37.1 259.42) |
| OKLab | oklab(51.209% -0.04346 -0.10144) |
| OKLCH | oklch(51.209% 0.11036 246.808) |
| Display P3 | color(display-p3 0.22878 0.4139 0.61801) |
| Rec. 2020 | color(rec2020 0.24705 0.35554 0.5744) |
| Adobe RGB | color(a98-rgb 0.2705 0.41823 0.62242) |
| ProPhoto RGB | color(prophoto-rgb 0.29349 0.33624 0.54045) |
| 線形sRGB | color(srgb-linear 0.02029 0.14703 0.36131) |
| XYZ D65 | color(xyz-d65 0.12615 0.13555 0.36135) |
| XYZ D50 | color(xyz-d50 0.11717 0.13182 0.27257) |
| SwiftUI | Color(red: 0.153, green: 0.42, blue: 0.635) |
| UIKit | UIColor(red: 0.153, green: 0.42, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF276BA2) |
| Android XML | #276BA2 |

## 基本情報

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

## ティント

#276ba2, #3f79ac, #5588b5, #6a96bf, #7fa5c8, #94b4d2, #a9c3db, #bed2e4, #d4e1ed, #e9f0f6

## シェード

#276ba2, #205c8c, #1a4e77, #143f63, #0e324f, #08253c, #04182a, #020d19, #01040a, #000001

## トーン

#276ba2, #316b9c, #396b96, #406b91, #466a8b, #4d6a85, #52697f, #586979, #5d6873, #62676d

## カラーハーモニー

- 補色: #276ba2, #905808
- 分裂補色: #276ba2, #9b4d36, #796600
- 類似色: #276ba2, #00758f, #575fa5
- トライアド: #276ba2, #9a495c, #567223
- テトラード: #276ba2, #775498, #905808, #567223
- スクエア: #276ba2, #8e4c7e, #905808, #1d794c
- モノクロマティック: #276ba2, #002756, #00487d, #4d8fc9, #72b5f1

## #276ba2 についてのよくある質問

### #276ba2 は何色ですか？

#276ba2 は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(39, 107, 162)、HSLでは hsl(206.83, 61.19%, 39.41%)、OKLCHでは oklch(51.209% 0.11036 246.808) です。

### #276ba2 に合う色は？

#276ba2 の補色は #905808 です。落ち着いた組み合わせにするなら、類似色の #00758f と #575fa5 を使いましょう。トライアドの組み合わせは #9a495c と #567223 です。

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

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

### #276ba2 は暖色と寒色のどちらですか？

#276ba2 は寒色系の色です。OKLCHでは色相 247度、明度 51.2%、クロマ 0.11 です。