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

#2bb0ad はRGBで rgb(43, 176, 173)、OKLCHで oklch(68.898% 0.10885 192.608) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2bb0ad |
| RGB | rgb(43, 176, 173) |
| HSL | hsl(178.65, 60.73%, 42.94%) |
| HSB / HSV | hsv(178.65 75.57% 69.02%) |
| HWB | hwb(178.65 16.86% 30.98%) |
| CMYK | cmyk(76% 0% 2% 31%) |
| Lab | lab(65.12 -36.21 -9.1) |
| LCH | lch(65.12 37.33 194.11) |
| OKLab | oklab(68.898% -0.10622 -0.02376) |
| OKLCH | oklch(68.898% 0.10885 192.608) |
| Display P3 | color(display-p3 0.344 0.68037 0.67436) |
| Rec. 2020 | color(rec2020 0.40401 0.63315 0.63899) |
| Adobe RGB | color(a98-rgb 0.41028 0.68428 0.67299) |
| ProPhoto RGB | color(prophoto-rgb 0.42558 0.59551 0.61197) |
| 線形sRGB | color(srgb-linear 0.02416 0.43415 0.41789) |
| XYZ D65 | color(xyz-d65 0.24063 0.3458 0.44943) |
| XYZ D50 | color(xyz-d50 0.23754 0.34195 0.3409) |
| SwiftUI | Color(red: 0.169, green: 0.69, blue: 0.678) |
| UIKit | UIColor(red: 0.169, green: 0.69, blue: 0.678, alpha: 1) |
| Flutter / Compose | Color(0xFF2BB0AD) |
| Android XML | #2BB0AD |

## 基本情報

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

## ティント

#2bb0ad, #4cb8b5, #65c0bd, #7bc8c5, #90d0cd, #a3d8d5, #b6e0de, #c8e8e6, #dbefee, #edf7f7

## シェード

#2bb0ad, #249996, #1d827f, #166c6a, #105655, #0a4241, #052e2d, #021c1b, #010b0b, #000101

## トーン

#2bb0ad, #41aeab, #51aca9, #5eaaa8, #69a8a6, #73a6a4, #7ca4a2, #84a2a0, #8ca09f, #949d9d

## カラーハーモニー

- 補色: #2bb0ad, #d57e88
- 分裂補色: #2bb0ad, #ca7fad, #d48463
- 類似色: #2bb0ad, #53b087, #3caacc
- トライアド: #2bb0ad, #b287cb, #c49048
- テトラード: #2bb0ad, #689fdd, #d57e88, #c49048
- スクエア: #2bb0ad, #9192dd, #d57e88, #a89e47
- モノクロマティック: #2bb0ad, #006563, #008b88, #5cd7d3, #87fffb

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

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

#2bb0ad は鮮やかな シアンです。最も近い名前のある色は鮮やかな シアンです。RGBでは rgb(43, 176, 173)、HSLでは hsl(178.65, 60.73%, 42.94%)、OKLCHでは oklch(68.898% 0.10885 192.608) です。

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

#2bb0ad の補色は #d57e88 です。落ち着いた組み合わせにするなら、類似色の #53b087 と #3caacc を使いましょう。トライアドの組み合わせは #b287cb と #c49048 です。

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

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

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

#2bb0ad は寒色系の色です。OKLCHでは色相 193度、明度 68.9%、クロマ 0.109 です。