# カラーコード #0ea69c：鮮やかな ティール

#0ea69c はRGBで rgb(14, 166, 156)、OKLCHで oklch(65.395% 0.1122 187.182) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/0ea69c

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #0ea69c |
| RGB | rgb(14, 166, 156) |
| HSL | hsl(176.05, 84.44%, 35.29%) |
| HSB / HSV | hsv(176.05 91.57% 65.1%) |
| HWB | hwb(176.05 5.49% 34.9%) |
| CMYK | cmyk(92% 0% 6% 35%) |
| Lab | lab(61.18 -38.5 -5.52) |
| LCH | lch(61.18 38.9 188.15) |
| OKLab | oklab(65.395% -0.11132 -0.01403) |
| OKLCH | oklch(65.395% 0.1122 187.182) |
| Display P3 | color(display-p3 0.29608 0.64123 0.61004) |
| Rec. 2020 | color(rec2020 0.35846 0.59025 0.56945) |
| Adobe RGB | color(a98-rgb 0.36921 0.64508 0.60774) |
| ProPhoto RGB | color(prophoto-rgb 0.37967 0.55175 0.54256) |
| 線形sRGB | color(srgb-linear 0.00439 0.38133 0.33245) |
| XYZ D65 | color(xyz-d65 0.19817 0.29765 0.36154) |
| XYZ D50 | color(xyz-d50 0.19635 0.2945 0.27448) |
| SwiftUI | Color(red: 0.055, green: 0.651, blue: 0.612) |
| UIKit | UIColor(red: 0.055, green: 0.651, blue: 0.612, alpha: 1) |
| Flutter / Compose | Color(0xFF0EA69C) |
| Android XML | #0EA69C |

## 基本情報

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

## ティント

#0ea69c, #3fafa5, #5bb8af, #73c1b9, #88cac3, #9dd3cc, #b1dcd6, #c5e4e0, #d8edeb, #ecf6f5

## シェード

#0ea69c, #0b9087, #077a73, #05655f, #03514c, #023e39, #012b28, #001a18, #000a09, #000101

## トーン

#0ea69c, #31a49b, #43a29a, #52a098, #5d9e97, #689c96, #719a95, #7a9794, #829593, #899391

## カラーハーモニー

- 補色: #0ea69c, #ca7284
- 分裂補色: #0ea69c, #bc75a9, #cb765e
- 類似色: #0ea69c, #4da575, #1aa0bd
- トライアド: #0ea69c, #a37dc6, #be823d
- テトラード: #0ea69c, #5396d1, #ca7284, #be823d
- スクエア: #0ea69c, #7f89d4, #ca7284, #a49035
- モノクロマティック: #0ea69c, #005b54, #008178, #4dccc2, #79f4e9

## #0ea69c についてのよくある質問

### #0ea69c は何色ですか？

#0ea69c は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(14, 166, 156)、HSLでは hsl(176.05, 84.44%, 35.29%)、OKLCHでは oklch(65.395% 0.1122 187.182) です。

### #0ea69c に合う色は？

#0ea69c の補色は #ca7284 です。落ち着いた組み合わせにするなら、類似色の #4da575 と #1aa0bd を使いましょう。トライアドの組み合わせは #a37dc6 と #be823d です。

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

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

### #0ea69c は暖色と寒色のどちらですか？

#0ea69c は寒色系の色です。OKLCHでは色相 187度、明度 65.4%、クロマ 0.112 です。