# カラーコード #2db49e：鮮やかな ティール

#2db49e はRGBで rgb(45, 180, 158)、OKLCHで oklch(69.456% 0.11645 178.956) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2db49e |
| RGB | rgb(45, 180, 158) |
| HSL | hsl(170.22, 60%, 44.12%) |
| HSB / HSV | hsv(170.22 75% 70.59%) |
| HWB | hwb(170.22 17.65% 29.41%) |
| CMYK | cmyk(75% 0% 12% 29%) |
| Lab | lab(66.04 -40.8 0.5) |
| LCH | lch(66.04 40.8 179.3) |
| OKLab | oklab(69.456% -0.11643 0.00212) |
| OKLCH | oklch(69.456% 0.11645 178.956) |
| Display P3 | color(display-p3 0.35356 0.69587 0.62198) |
| Rec. 2020 | color(rec2020 0.41083 0.64899 0.58329) |
| Adobe RGB | color(a98-rgb 0.42049 0.70001 0.61769) |
| ProPhoto RGB | color(prophoto-rgb 0.42312 0.61009 0.55814) |
| 線形sRGB | color(srgb-linear 0.02624 0.45641 0.34191) |
| XYZ D65 | color(xyz-d65 0.23574 0.35667 0.37991) |
| XYZ D50 | color(xyz-d50 0.23615 0.35376 0.28884) |
| SwiftUI | Color(red: 0.176, green: 0.706, blue: 0.62) |
| UIKit | UIColor(red: 0.176, green: 0.706, blue: 0.62, alpha: 1) |
| Flutter / Compose | Color(0xFF2DB49E) |
| Android XML | #2DB49E |

## 基本情報

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

## ティント

#2db49e, #4ebca7, #67c3b1, #7dcbba, #91d2c4, #a4dacd, #b7e1d7, #c9e9e1, #dbf0eb, #edf8f5

## シェード

#2db49e, #269c89, #1f8574, #186e60, #11584d, #0b443a, #063029, #021d18, #010c09, #000201

## トーン

#2db49e, #43b29e, #53b09e, #5fae9e, #6bab9d, #75a99d, #7ea79d, #86a49d, #8ea29d, #959f9d

## カラーハーモニー

- 補色: #2db49e, #d77d9b
- 分裂補色: #2db49e, #c482c0, #dc7f72
- 類似色: #2db49e, #65b174, #17b0c3
- トライアド: #2db49e, #a78cdb, #d28a4e
- テトラード: #2db49e, #4ea6dd, #d77d9b, #d28a4e
- スクエア: #2db49e, #7f99e5, #d77d9b, #ba993c
- モノクロマティック: #2db49e, #006858, #008e7a, #5edbc4, #89ffeb

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

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

#2db49e は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(45, 180, 158)、HSLでは hsl(170.22, 60%, 44.12%)、OKLCHでは oklch(69.456% 0.11645 178.956) です。

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

#2db49e の補色は #d77d9b です。落ち着いた組み合わせにするなら、類似色の #65b174 と #17b0c3 を使いましょう。トライアドの組み合わせは #a78cdb と #d28a4e です。

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

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

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

#2db49e は寒色系の色です。OKLCHでは色相 179度、明度 69.5%、クロマ 0.116 です。