# カラーコード #2cb893：鮮やかな 明るいエメラルド

#2cb893 はRGBで rgb(44, 184, 147)、OKLCHで oklch(70.14% 0.12782 170.263) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2cb893 |
| RGB | rgb(44, 184, 147) |
| HSL | hsl(164.14, 61.4%, 44.71%) |
| HSB / HSV | hsv(164.14 76.09% 72.16%) |
| HWB | hwb(164.14 17.25% 27.84%) |
| CMYK | cmyk(76% 0% 20% 28%) |
| Lab | lab(67.04 -44.6 7.92) |
| LCH | lch(67.04 45.3 169.93) |
| OKLab | oklab(70.14% -0.12598 0.02162) |
| OKLCH | oklch(70.14% 0.12782 170.263) |
| Display P3 | color(display-p3 0.35882 0.7113 0.58454) |
| Rec. 2020 | color(rec2020 0.41674 0.66495 0.54391) |
| Adobe RGB | color(a98-rgb 0.42783 0.71578 0.57797) |
| ProPhoto RGB | color(prophoto-rgb 0.42308 0.6252 0.52108) |
| 線形sRGB | color(srgb-linear 0.02519 0.47932 0.29177) |
| XYZ D65 | color(xyz-d65 0.23444 0.36921 0.33496) |
| XYZ D50 | color(xyz-d50 0.23734 0.36691 0.25524) |
| SwiftUI | Color(red: 0.173, green: 0.722, blue: 0.576) |
| UIKit | UIColor(red: 0.173, green: 0.722, blue: 0.576, alpha: 1) |
| Flutter / Compose | Color(0xFF2CB893) |
| Android XML | #2CB893 |

## 基本情報

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

## ティント

#2cb893, #4ebf9d, #67c7a8, #7dceb2, #91d5bd, #a4dcc8, #b7e3d3, #c9eade, #dbf1e9, #edf8f4

## シェード

#2cb893, #25a07f, #1e886c, #177159, #115b47, #0a4536, #053125, #021e16, #010c08, #000201

## トーン

#2cb893, #43b694, #53b395, #60b197, #6caf98, #76ac99, #7faa9a, #88a79b, #90a49c, #97a29e

## カラーハーモニー

- 補色: #2cb893, #da7caa
- 分裂補色: #2cb893, #c283d0, #e37c7d
- 類似色: #2cb893, #71b264, #00b6be
- トライアド: #2cb893, #9e90e8, #dd8551
- テトラード: #2cb893, #2eacdf, #da7caa, #dd8551
- スクエア: #2cb893, #6f9fee, #da7caa, #c89531
- モノクロマティック: #2cb893, #006c4f, #00926f, #5edfb8, #90ffe0

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

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

#2cb893 は鮮やかな 明るいエメラルドです。最も近い名前のある色は鮮やかな 明るいエメラルドです。RGBでは rgb(44, 184, 147)、HSLでは hsl(164.14, 61.4%, 44.71%)、OKLCHでは oklch(70.14% 0.12782 170.263) です。

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

#2cb893 の補色は #da7caa です。落ち着いた組み合わせにするなら、類似色の #71b264 と #00b6be を使いましょう。トライアドの組み合わせは #9e90e8 と #dd8551 です。

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

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

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

#2cb893 は寒色系の色です。OKLCHでは色相 170度、明度 70.1%、クロマ 0.128 です。