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

#00a693 はRGBで rgb(0, 166, 147)、OKLCHで oklch(65.011% 0.11729 180.851) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #00a693 |
| RGB | rgb(0, 166, 147) |
| HSL | hsl(173.13, 100%, 32.55%) |
| HSB / HSV | hsv(173.13 100% 65.1%) |
| HWB | hwb(173.13 0% 34.9%) |
| CMYK | cmyk(100% 0% 11% 35%) |
| Lab | lab(60.87 -41.12 -0.95) |
| LCH | lch(60.87 41.13 181.33) |
| OKLab | oklab(65.011% -0.11728 -0.00174) |
| OKLCH | oklch(65.011% 0.11729 180.851) |
| Display P3 | color(display-p3 0.28856 0.64112 0.57782) |
| Rec. 2020 | color(rec2020 0.35188 0.58958 0.53523) |
| Adobe RGB | color(a98-rgb 0.36445 0.64508 0.57442) |
| ProPhoto RGB | color(prophoto-rgb 0.36987 0.55034 0.5098) |
| 線形sRGB | color(srgb-linear 0 0.38133 0.29177) |
| XYZ D65 | color(xyz-d65 0.18902 0.29378 0.32279) |
| XYZ D50 | color(xyz-d50 0.18861 0.29105 0.24537) |
| SwiftUI | Color(red: 0, green: 0.651, blue: 0.576) |
| UIKit | UIColor(red: 0, green: 0.651, blue: 0.576, alpha: 1) |
| Flutter / Compose | Color(0xFF00A693) |
| Android XML | #00A693 |

## 基本情報

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

## ティント

#00a693, #3caf9d, #59b8a8, #71c1b2, #87cabd, #9cd3c8, #b0dcd2, #c4e4dd, #d8ede9, #ecf6f4

## シェード

#00a693, #00907f, #007a6c, #006559, #005147, #003e36, #002b25, #001a16, #000a08, #000101

## トーン

#00a693, #2da493, #41a292, #4fa092, #5c9e91, #669b91, #709991, #789790, #809490, #88928f

## 配色

- 補色: #00a693, #c96f8b
- 分裂補色: #00a693, #b873b0, #cd7262
- 類似色: #00a693, #53a369, #00a2b7
- トライアド: #00a693, #9b7dcb, #c27d3d
- テトラード: #00a693, #4297d0, #c96f8b, #c27d3d
- スクエア: #00a693, #758ad7, #c96f8b, #aa8c2b
- モノクロマティック: #00a693, #005a4d, #00816f, #4acdb8, #76f4df

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

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

#00a693 は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(0, 166, 147)、HSLでは hsl(173.13, 100%, 32.55%)、OKLCHでは oklch(65.011% 0.11729 180.851) です。

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

#00a693 の補色は #c96f8b です。落ち着いた組み合わせにするなら、類似色の #53a369 と #00a2b7 を使いましょう。トライアドの組み合わせは #9b7dcb と #c27d3d です。

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

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

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

#00a693 は寒色系の色です。OKLCHでは色相 181度、明度 65%、クロマ 0.117 です。