# カラーコード #2193aa：鮮やかな シアン

#2193aa はRGBで rgb(33, 147, 170)、OKLCHで oklch(61.334% 0.10072 215.23) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/2193aa

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2193aa |
| RGB | rgb(33, 147, 170) |
| HSL | hsl(190.07, 67.49%, 39.8%) |
| HSB / HSV | hsv(190.07 80.59% 66.67%) |
| HWB | hwb(190.07 12.94% 33.33%) |
| CMYK | cmyk(81% 14% 0% 33%) |
| Lab | lab(55.78 -25.49 -21.42) |
| LCH | lch(55.78 33.29 220.05) |
| OKLab | oklab(61.334% -0.08228 -0.0581) |
| OKLCH | oklch(61.334% 0.10072 215.23) |
| Display P3 | color(display-p3 0.28128 0.56811 0.65564) |
| Rec. 2020 | color(rec2020 0.32887 0.51452 0.61693) |
| Adobe RGB | color(a98-rgb 0.34124 0.57115 0.65733) |
| ProPhoto RGB | color(prophoto-rgb 0.36239 0.48084 0.5863) |
| 線形sRGB | color(srgb-linear 0.01521 0.29177 0.40198) |
| XYZ D65 | color(xyz-d65 0.18315 0.24092 0.41716) |
| XYZ D50 | color(xyz-d50 0.17652 0.23692 0.31559) |
| SwiftUI | Color(red: 0.129, green: 0.576, blue: 0.667) |
| UIKit | UIColor(red: 0.129, green: 0.576, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF2193AA) |
| Android XML | #2193AA |

## 基本情報

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

## ティント

#2193aa, #439eb2, #5ca8bb, #72b3c3, #87becc, #9bc9d4, #afd4dd, #c3dee5, #d7e9ee, #ebf4f6

## シェード

#2193aa, #1b7f93, #166c7d, #105968, #0b4753, #06363f, #03252d, #01161b, #00080b, #000101

## トーン

#2193aa, #3592a6, #4390a3, #4e8f9f, #588e9b, #618c97, #698b93, #708990, #77888c, #7e8688

## カラーハーモニー

- 補色: #2193aa, #b86d5a
- 分裂補色: #2193aa, #b7697c, #ad773d
- 類似色: #2193aa, #20978c, #4c8abd
- トライアド: #2193aa, #aa6c9c, #978335
- テトラード: #2193aa, #737fc1, #b86d5a, #978335
- スクエア: #2193aa, #9274b5, #b86d5a, #768f48
- モノクロマティック: #2193aa, #004b5d, #006f85, #51b9d0, #7ae0f8

## #2193aa についてのよくある質問

### #2193aa は何色ですか？

#2193aa は鮮やかな シアンです。最も近い名前のある色は鮮やかな シアンです。RGBでは rgb(33, 147, 170)、HSLでは hsl(190.07, 67.49%, 39.8%)、OKLCHでは oklch(61.334% 0.10072 215.23) です。

### #2193aa に合う色は？

#2193aa の補色は #b86d5a です。落ち着いた組み合わせにするなら、類似色の #20978c と #4c8abd を使いましょう。トライアドの組み合わせは #aa6c9c と #978335 です。

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

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

### #2193aa は暖色と寒色のどちらですか？

#2193aa は寒色系の色です。OKLCHでは色相 215度、明度 61.3%、クロマ 0.101 です。