# カラーコード #00a189：鮮やかな ティール

#00a189 はRGBで rgb(0, 161, 137)、OKLCHで oklch(63.39% 0.11751 177.056) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/00a189

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #00a189 |
| RGB | rgb(0, 161, 137) |
| HSL | hsl(171.06, 100%, 31.57%) |
| HSB / HSV | hsv(171.06 100% 63.14%) |
| HWB | hwb(171.06 0% 36.86%) |
| CMYK | cmyk(100% 0% 15% 37%) |
| Lab | lab(59.04 -41.4 1.98) |
| LCH | lch(59.04 41.44 177.26) |
| OKLab | oklab(63.39% -0.11735 0.00604) |
| OKLCH | oklch(63.39% 0.11751 177.056) |
| Display P3 | color(display-p3 0.27901 0.62179 0.54061) |
| Rec. 2020 | color(rec2020 0.33687 0.56871 0.4955) |
| Adobe RGB | color(a98-rgb 0.35342 0.62555 0.53677) |
| ProPhoto RGB | color(prophoto-rgb 0.3522 0.52946 0.47155) |
| 線形sRGB | color(srgb-linear 0 0.3564 0.25016) |
| XYZ D65 | color(xyz-d65 0.17259 0.27295 0.28026) |
| XYZ D50 | color(xyz-d50 0.17306 0.27066 0.21324) |
| SwiftUI | Color(red: 0, green: 0.631, blue: 0.537) |
| UIKit | UIColor(red: 0, green: 0.631, blue: 0.537, alpha: 1) |
| Flutter / Compose | Color(0xFF00A189) |
| Android XML | #00A189 |

## 基本情報

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

## ティント

#00a189, #3aaa94, #57b49f, #6fbdab, #86c7b7, #9bd0c2, #afdace, #c3e3da, #d7ece6, #ebf6f3

## シェード

#00a189, #008b76, #007664, #006253, #004e42, #003c31, #002a22, #001914, #000907, #000101

## トーン

#00a189, #2b9f89, #3e9d89, #4d9b89, #589989, #63968a, #6c948a, #74928a, #7c8f8a, #838d8a

## カラーハーモニー

- 補色: #00a189, #c26a8b
- 分裂補色: #00a189, #b070af, #c86c63
- 類似色: #00a189, #559d5f, #009dae
- トライアド: #00a189, #927ac9, #bf763c
- テトラード: #00a189, #3494c8, #c26a8b, #bf763c
- スクエア: #00a189, #6a87d2, #c26a8b, #a98524
- モノクロマティック: #00a189, #005645, #007c66, #48c7ae, #74efd4

## #00a189 についてのよくある質問

### #00a189 は何色ですか？

#00a189 は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(0, 161, 137)、HSLでは hsl(171.06, 100%, 31.57%)、OKLCHでは oklch(63.39% 0.11751 177.056) です。

### #00a189 に合う色は？

#00a189 の補色は #c26a8b です。落ち着いた組み合わせにするなら、類似色の #559d5f と #009dae を使いましょう。トライアドの組み合わせは #927ac9 と #bf763c です。

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

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

### #00a189 は暖色と寒色のどちらですか？

#00a189 は寒色系の色です。OKLCHでは色相 177度、明度 63.4%、クロマ 0.118 です。