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

#00a488 はRGBで rgb(0, 164, 136)、OKLCHで oklch(64.151% 0.12122 174.752) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #00a488 |
| RGB | rgb(0, 164, 136) |
| HSL | hsl(169.76, 100%, 32.16%) |
| HSB / HSV | hsv(169.76 100% 64.31%) |
| HWB | hwb(169.76 0% 35.69%) |
| CMYK | cmyk(100% 0% 17% 36%) |
| Lab | lab(59.98 -42.72 3.89) |
| LCH | lch(59.98 42.89 174.8) |
| OKLab | oklab(64.151% -0.12071 0.01109) |
| OKLCH | oklch(64.151% 0.12122 174.752) |
| Display P3 | color(display-p3 0.28474 0.63339 0.53813) |
| Rec. 2020 | color(rec2020 0.34402 0.58094 0.49315) |
| Adobe RGB | color(a98-rgb 0.36004 0.63726 0.5337) |
| ProPhoto RGB | color(prophoto-rgb 0.35772 0.54123 0.46985) |
| 線形sRGB | color(srgb-linear 0 0.37124 0.2462) |
| XYZ D65 | color(xyz-d65 0.17718 0.28327 0.27827) |
| XYZ D50 | color(xyz-d50 0.17821 0.28106 0.21185) |
| SwiftUI | Color(red: 0, green: 0.643, blue: 0.533) |
| UIKit | UIColor(red: 0, green: 0.643, blue: 0.533, alpha: 1) |
| Flutter / Compose | Color(0xFF00A488) |
| Android XML | #00A488 |

## 基本情報

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

## ティント

#00a488, #3bad93, #58b69f, #70c0aa, #86c9b6, #9bd2c2, #b0dbce, #c4e4da, #d8ede6, #ebf6f3

## シェード

#00a488, #008e75, #007963, #006452, #005041, #003d31, #002b22, #001a13, #000a06, #000101

## トーン

#00a488, #2ca288, #3fa089, #4e9e89, #5a9b8a, #64998a, #6e978b, #76948b, #7e928c, #858f8c

## 配色

- 補色: #00a488, #c56b91
- 分裂補色: #00a488, #b172b5, #cc6d67
- 類似色: #00a488, #5aa05c, #00a1af
- トライアド: #00a488, #927dce, #c4773e
- テトラード: #00a488, #2c97cb, #c56b91, #c4773e
- スクエア: #00a488, #688ad6, #c56b91, #ae8621
- モノクロマティック: #00a488, #005845, #007f65, #49caad, #75f2d3

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

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

#00a488 は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(0, 164, 136)、HSLでは hsl(169.76, 100%, 32.16%)、OKLCHでは oklch(64.151% 0.12122 174.752) です。

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

#00a488 の補色は #c56b91 です。落ち着いた組み合わせにするなら、類似色の #5aa05c と #00a1af を使いましょう。トライアドの組み合わせは #927dce と #c4773e です。

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

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

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

#00a488 は寒色系の色です。OKLCHでは色相 175度、明度 64.2%、クロマ 0.121 です。