# カラーコード #2fbbb1：鮮やかな 明るいティール

#2fbbb1 はRGBで rgb(47, 187, 177)、OKLCHで oklch(71.854% 0.11497 187.678) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2fbbb1 |
| RGB | rgb(47, 187, 177) |
| HSL | hsl(175.71, 59.83%, 45.88%) |
| HSB / HSV | hsv(175.71 74.87% 73.33%) |
| HWB | hwb(175.71 18.43% 26.67%) |
| CMYK | cmyk(75% 0% 5% 27%) |
| Lab | lab(68.69 -39.3 -6.03) |
| LCH | lch(68.69 39.76 188.72) |
| OKLab | oklab(71.854% -0.11394 -0.01536) |
| OKLCH | oklch(71.854% 0.11497 187.678) |
| Display P3 | color(display-p3 0.36811 0.72296 0.69207) |
| Rec. 2020 | color(rec2020 0.43413 0.67876 0.65886) |
| Adobe RGB | color(a98-rgb 0.43695 0.72762 0.68989) |
| ProPhoto RGB | color(prophoto-rgb 0.45351 0.64111 0.63332) |
| 線形sRGB | color(srgb-linear 0.02843 0.49693 0.43966) |
| XYZ D65 | color(xyz-d65 0.26877 0.39318 0.47769) |
| XYZ D50 | color(xyz-d50 0.2667 0.38922 0.3626) |
| SwiftUI | Color(red: 0.184, green: 0.733, blue: 0.694) |
| UIKit | UIColor(red: 0.184, green: 0.733, blue: 0.694, alpha: 1) |
| Flutter / Compose | Color(0xFF2FBBB1) |
| Android XML | #2FBBB1 |

## 基本情報

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

## ティント

#2fbbb1, #50c2b9, #69c9c0, #7fd0c8, #93d7d0, #a6ded7, #b8e4df, #caebe7, #dcf2ef, #eef8f7

## シェード

#2fbbb1, #27a299, #208a83, #19736c, #125c57, #0c4642, #06322f, #031f1c, #010d0c, #000201

## トーン

#2fbbb1, #46b9b0, #56b7ae, #64b5ad, #70b2ac, #7ab0aa, #84aea9, #8caca8, #95a9a7, #9da7a5

## カラーハーモニー

- 補色: #2fbbb1, #e18597
- 分裂補色: #2fbbb1, #d287be, #e28a6f
- 類似色: #2fbbb1, #5fba88, #36b5d3
- トライアド: #2fbbb1, #b890dc, #d4964f
- テトラード: #2fbbb1, #66aae8, #e18597, #d4964f
- スクエア: #2fbbb1, #939deb, #e18597, #b8a448
- モノクロマティック: #2fbbb1, #006f68, #00958c, #61e2d7, #a4fffd

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

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

#2fbbb1 は鮮やかな 明るいティールです。最も近い名前のある色は鮮やかな 明るいティールです。RGBでは rgb(47, 187, 177)、HSLでは hsl(175.71, 59.83%, 45.88%)、OKLCHでは oklch(71.854% 0.11497 187.678) です。

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

#2fbbb1 の補色は #e18597 です。落ち着いた組み合わせにするなら、類似色の #5fba88 と #36b5d3 を使いましょう。トライアドの組み合わせは #b890dc と #d4964f です。

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

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

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

#2fbbb1 は寒色系の色です。OKLCHでは色相 188度、明度 71.9%、クロマ 0.115 です。