# カラーコード #53aba2：鮮やかな ティール

#53aba2 はRGBで rgb(83, 171, 162)、OKLCHで oklch(68.442% 0.08598 186.545) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/53aba2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #53aba2 |
| RGB | rgb(83, 171, 162) |
| HSL | hsl(173.86, 34.65%, 49.8%) |
| HSB / HSV | hsv(173.86 51.46% 67.06%) |
| HWB | hwb(173.86 32.55% 32.94%) |
| CMYK | cmyk(51% 0% 5% 33%) |
| Lab | lab(64.41 -29.37 -3.91) |
| LCH | lch(64.41 29.63 187.58) |
| OKLab | oklab(68.442% -0.08542 -0.0098) |
| OKLCH | oklch(68.442% 0.08598 186.545) |
| Display P3 | color(display-p3 0.41475 0.66262 0.6342) |
| Rec. 2020 | color(rec2020 0.43831 0.61577 0.59558) |
| Adobe RGB | color(a98-rgb 0.45606 0.66466 0.63095) |
| ProPhoto RGB | color(prophoto-rgb 0.44307 0.57938 0.56871) |
| 線形sRGB | color(srgb-linear 0.0865 0.40724 0.36131) |
| XYZ D65 | color(xyz-d65 0.2465 0.33572 0.39365) |
| XYZ D50 | color(xyz-d50 0.24626 0.33309 0.29875) |
| SwiftUI | Color(red: 0.325, green: 0.671, blue: 0.635) |
| UIKit | UIColor(red: 0.325, green: 0.671, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF53ABA2) |
| Android XML | #53ABA2 |

## 基本情報

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

## ティント

#53aba2, #67b3ab, #79bcb4, #8bc4bd, #9cccc6, #add5d0, #bdddd9, #cee6e2, #deeeec, #eff7f5

## シェード

#53aba2, #47948c, #3b7e77, #306863, #25544f, #1b403c, #112d2a, #081b19, #020b0a, #000101

## トーン

#53aba2, #5da9a1, #66a8a0, #6ea69f, #75a49f, #7ca39e, #82a19d, #899f9c, #8e9d9b, #949b9a

## カラーハーモニー

- 補色: #53aba2, #c88391
- 分裂補色: #53aba2, #bc85ad, #c88774
- 類似色: #53aba2, #6baa84, #54a7bc
- トライアド: #53aba2, #a78cc4, #be8f5f
- テトラード: #53aba2, #6d9fcc, #c88391, #be8f5f
- スクエア: #53aba2, #8b95cf, #c88391, #a99a5a
- モノクロマティック: #53aba2, #00635b, #29867e, #7ad1c8, #a1f9ef

## #53aba2 についてのよくある質問

### #53aba2 は何色ですか？

#53aba2 は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(83, 171, 162)、HSLでは hsl(173.86, 34.65%, 49.8%)、OKLCHでは oklch(68.442% 0.08598 186.545) です。

### #53aba2 に合う色は？

#53aba2 の補色は #c88391 です。落ち着いた組み合わせにするなら、類似色の #6baa84 と #54a7bc を使いましょう。トライアドの組み合わせは #a78cc4 と #be8f5f です。

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

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

### #53aba2 は暖色と寒色のどちらですか？

#53aba2 は寒色系の色です。OKLCHでは色相 187度、明度 68.4%、クロマ 0.086 です。