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

#00a593 はRGBで rgb(0, 165, 147)、OKLCHで oklch(64.75% 0.11636 181.47) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #00a593 |
| RGB | rgb(0, 165, 147) |
| HSL | hsl(173.45, 100%, 32.35%) |
| HSB / HSV | hsv(173.45 100% 64.71%) |
| HWB | hwb(173.45 0% 35.29%) |
| CMYK | cmyk(100% 0% 11% 35%) |
| Lab | lab(60.55 -40.74 -1.42) |
| LCH | lch(60.55 40.76 181.99) |
| OKLab | oklab(64.75% -0.11633 -0.00299) |
| OKLCH | oklch(64.75% 0.11636 181.47) |
| Display P3 | color(display-p3 0.28665 0.63725 0.57749) |
| Rec. 2020 | color(rec2020 0.34942 0.58549 0.5348) |
| Adobe RGB | color(a98-rgb 0.36224 0.64117 0.57424) |
| ProPhoto RGB | color(prophoto-rgb 0.3678 0.54636 0.50923) |
| 線形sRGB | color(srgb-linear 0 0.37626 0.29177) |
| XYZ D65 | color(xyz-d65 0.1872 0.29015 0.32219) |
| XYZ D50 | color(xyz-d50 0.18666 0.28742 0.24488) |
| SwiftUI | Color(red: 0, green: 0.647, blue: 0.576) |
| UIKit | UIColor(red: 0, green: 0.647, blue: 0.576, alpha: 1) |
| Flutter / Compose | Color(0xFF00A593) |
| Android XML | #00A593 |

## 基本情報

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

## ティント

#00a593, #3bae9d, #59b7a8, #71c0b2, #87c9bd, #9cd2c8, #b0dbd2, #c4e4dd, #d8ede9, #ebf6f4

## シェード

#00a593, #008f7f, #00796c, #006559, #005147, #003d36, #002b25, #001a16, #000a08, #000101

## トーン

#00a593, #2da393, #40a192, #4f9f92, #5b9d91, #669a91, #6f9890, #789690, #80938f, #87918f

## 配色

- 補色: #00a593, #c86e89
- 分裂補色: #00a593, #b773ae, #cb7261
- 類似色: #00a593, #52a26a, #00a0b7
- トライアド: #00a593, #9b7dca, #c17d3c
- テトラード: #00a593, #4396cf, #c86e89, #c17d3c
- スクエア: #00a593, #7589d5, #c86e89, #a88b2b
- モノクロマティック: #00a593, #00594d, #00806f, #49cbb8, #76f3df

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

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

#00a593 は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(0, 165, 147)、HSLでは hsl(173.45, 100%, 32.35%)、OKLCHでは oklch(64.75% 0.11636 181.47) です。

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

#00a593 の補色は #c86e89 です。落ち着いた組み合わせにするなら、類似色の #52a26a と #00a0b7 を使いましょう。トライアドの組み合わせは #9b7dca と #c17d3c です。

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

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

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

#00a593 は寒色系の色です。OKLCHでは色相 181度、明度 64.7%、クロマ 0.116 です。