# カラーコード #19aaa3：鮮やかな ティール

#19aaa3 はRGBで rgb(25, 170, 163)、OKLCHで oklch(66.764% 0.11147 189.502) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/19aaa3

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #19aaa3 |
| RGB | rgb(25, 170, 163) |
| HSL | hsl(177.1, 74.36%, 38.24%) |
| HSB / HSV | hsv(177.1 85.29% 66.67%) |
| HWB | hwb(177.1 9.8% 33.33%) |
| CMYK | cmyk(85% 0% 4% 33%) |
| Lab | lab(62.72 -37.8 -7.13) |
| LCH | lch(62.72 38.47 190.68) |
| OKLab | oklab(66.764% -0.10994 -0.0184) |
| OKLCH | oklch(66.764% 0.11147 189.502) |
| Display P3 | color(display-p3 0.31208 0.65683 0.63644) |
| Rec. 2020 | color(rec2020 0.37485 0.60727 0.59792) |
| Adobe RGB | color(a98-rgb 0.38344 0.66074 0.63451) |
| ProPhoto RGB | color(prophoto-rgb 0.39671 0.56898 0.57077) |
| 線形sRGB | color(srgb-linear 0.00972 0.40198 0.36625) |
| XYZ D65 | color(xyz-d65 0.21385 0.31599 0.39624) |
| XYZ D50 | color(xyz-d50 0.21146 0.31254 0.3007) |
| SwiftUI | Color(red: 0.098, green: 0.667, blue: 0.639) |
| UIKit | UIColor(red: 0.098, green: 0.667, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF19AAA3) |
| Android XML | #19AAA3 |

## 基本情報

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

## ティント

#19aaa3, #43b3ac, #5ebbb5, #75c4be, #8bccc7, #9fd5d0, #b3ddd9, #c6e6e3, #d9eeec, #ecf7f5

## シェード

#19aaa3, #14938d, #107d78, #0b6863, #07534f, #043f3c, #022d2a, #011b19, #000b0a, #000101

## トーン

#19aaa3, #36a8a2, #48a6a0, #56a49f, #61a29d, #6ca09c, #759e9a, #7e9b99, #869997, #8d9796

## カラーハーモニー

- 補色: #19aaa3, #cf7685
- 分裂補色: #19aaa3, #c279ab, #ce7c5f
- 類似色: #19aaa3, #4ea97c, #29a4c3
- トライアド: #19aaa3, #a981c8, #c08741
- テトラード: #19aaa3, #5b99d6, #cf7685, #c08741
- スクエア: #19aaa3, #878cd8, #cf7685, #a5963b
- モノクロマティック: #19aaa3, #005f5a, #00857f, #52d1c9, #7ef9f0

## #19aaa3 についてのよくある質問

### #19aaa3 は何色ですか？

#19aaa3 は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(25, 170, 163)、HSLでは hsl(177.1, 74.36%, 38.24%)、OKLCHでは oklch(66.764% 0.11147 189.502) です。

### #19aaa3 に合う色は？

#19aaa3 の補色は #cf7685 です。落ち着いた組み合わせにするなら、類似色の #4ea97c と #29a4c3 を使いましょう。トライアドの組み合わせは #a981c8 と #c08741 です。

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

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

### #19aaa3 は暖色と寒色のどちらですか？

#19aaa3 は寒色系の色です。OKLCHでは色相 190度、明度 66.8%、クロマ 0.111 です。