# カラーコード #2aa3bc：鮮やかな シアン

#2aa3bc はRGBで rgb(42, 163, 188)、OKLCHで oklch(66.232% 0.10708 215.322) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2aa3bc |
| RGB | rgb(42, 163, 188) |
| HSL | hsl(190.27, 63.48%, 45.1%) |
| HSB / HSV | hsv(190.27 77.66% 73.73%) |
| HWB | hwb(190.27 16.47% 26.27%) |
| CMYK | cmyk(78% 13% 0% 26%) |
| Lab | lab(61.5 -27.09 -22.84) |
| LCH | lch(61.5 35.43 220.13) |
| OKLab | oklab(66.232% -0.08737 -0.06191) |
| OKLCH | oklch(66.232% 0.10708 215.322) |
| Display P3 | color(display-p3 0.32099 0.63014 0.72526) |
| Rec. 2020 | color(rec2020 0.3784 0.58088 0.693) |
| Adobe RGB | color(a98-rgb 0.38262 0.63336 0.72784) |
| ProPhoto RGB | color(prophoto-rgb 0.41333 0.54589 0.66415) |
| 線形sRGB | color(srgb-linear 0.02315 0.36625 0.50289) |
| XYZ D65 | color(xyz-d65 0.23128 0.30316 0.52211) |
| XYZ D50 | color(xyz-d50 0.22311 0.2982 0.39499) |
| SwiftUI | Color(red: 0.165, green: 0.639, blue: 0.737) |
| UIKit | UIColor(red: 0.165, green: 0.639, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF2AA3BC) |
| Android XML | #2AA3BC |

## 基本情報

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

## ティント

#2aa3bc, #4aacc3, #63b6ca, #78bfd0, #8dc8d7, #a0d1de, #b4dae4, #c7e4eb, #daedf2, #ecf6f8

## シェード

#2aa3bc, #238da3, #1c788b, #166373, #104f5d, #0a3c47, #052a32, #02191f, #010a0d, #000102

## トーン

#2aa3bc, #3ea2b8, #4da0b4, #599fb0, #639dac, #6d9ca8, #759aa4, #7d989f, #85979b, #8c9597

## カラーハーモニー

- 補色: #2aa3bc, #cb7a65
- 分裂補色: #2aa3bc, #ca768a, #c08547
- 類似色: #2aa3bc, #29a89c, #5699d0
- トライアド: #2aa3bc, #bc79ad, #a7923d
- テトラード: #2aa3bc, #808dd4, #cb7a65, #a7923d
- スクエア: #2aa3bc, #a281c7, #cb7a65, #839e53
- モノクロマティック: #2aa3bc, #005a6e, #007e96, #5ac9e3, #83f1ff

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

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

#2aa3bc は鮮やかな シアンです。最も近い名前のある色は鮮やかな シアンです。RGBでは rgb(42, 163, 188)、HSLでは hsl(190.27, 63.48%, 45.1%)、OKLCHでは oklch(66.232% 0.10708 215.322) です。

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

#2aa3bc の補色は #cb7a65 です。落ち着いた組み合わせにするなら、類似色の #29a89c と #5699d0 を使いましょう。トライアドの組み合わせは #bc79ad と #a7923d です。

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

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

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

#2aa3bc は寒色系の色です。OKLCHでは色相 215度、明度 66.2%、クロマ 0.107 です。