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

#2abeae はRGBで rgb(42, 190, 174)、OKLCHで oklch(72.418% 0.12013 183.789) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2abeae |
| RGB | rgb(42, 190, 174) |
| HSL | hsl(173.51, 63.79%, 45.49%) |
| HSB / HSV | hsv(173.51 77.89% 74.51%) |
| HWB | hwb(173.51 16.47% 25.49%) |
| CMYK | cmyk(78% 0% 8% 25%) |
| Lab | lab(69.47 -41.69 -3.29) |
| LCH | lch(69.47 41.82 184.51) |
| OKLab | oklab(72.418% -0.11987 -0.00794) |
| OKLCH | oklch(72.418% 0.12013 183.789) |
| Display P3 | color(display-p3 0.3663 0.73443 0.68221) |
| Rec. 2020 | color(rec2020 0.4364 0.69071 0.64851) |
| Adobe RGB | color(a98-rgb 0.4386 0.73948 0.67916) |
| ProPhoto RGB | color(prophoto-rgb 0.45439 0.6527 0.62352) |
| 線形sRGB | color(srgb-linear 0.02315 0.51492 0.42327) |
| XYZ D65 | color(xyz-d65 0.27007 0.40373 0.46415) |
| XYZ D50 | color(xyz-d50 0.26898 0.39995 0.35257) |
| SwiftUI | Color(red: 0.165, green: 0.745, blue: 0.682) |
| UIKit | UIColor(red: 0.165, green: 0.745, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFF2ABEAE) |
| Android XML | #2ABEAE |

## 基本情報

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

## ティント

#2abeae, #4ec5b6, #68cbbe, #7ed2c6, #92d9ce, #a6dfd6, #b8e6de, #caece6, #dcf2ee, #eef9f7

## シェード

#2abeae, #23a597, #1c8c80, #16756a, #105e55, #0a4841, #05332e, #021f1c, #010d0b, #000201

## トーン

#2abeae, #44bcad, #55baac, #63b7ac, #70b5ab, #7bb3aa, #84b0a9, #8eaea8, #96aba7, #9ea8a7

## カラーハーモニー

- 補色: #2abeae, #e4849d
- 分裂補色: #2abeae, #d388c5, #e78973
- 類似色: #2abeae, #63bc83, #26b9d3
- トライアド: #2abeae, #b692e3, #da954f
- テトラード: #2abeae, #5daeeb, #e4849d, #da954f
- スクエア: #2abeae, #8ea0f1, #e4849d, #bfa442
- モノクロマティック: #2abeae, #007165, #009889, #5fe5d4, #b1fff9

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

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

#2abeae は鮮やかな 明るいティールです。最も近い名前のある色は鮮やかな 明るいティールです。RGBでは rgb(42, 190, 174)、HSLでは hsl(173.51, 63.79%, 45.49%)、OKLCHでは oklch(72.418% 0.12013 183.789) です。

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

#2abeae の補色は #e4849d です。落ち着いた組み合わせにするなら、類似色の #63bc83 と #26b9d3 を使いましょう。トライアドの組み合わせは #b692e3 と #da954f です。

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

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

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

#2abeae は寒色系の色です。OKLCHでは色相 184度、明度 72.4%、クロマ 0.12 です。