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

#53aaa2 はRGBで rgb(83, 170, 162)、OKLCHで oklch(68.197% 0.08498 187.437) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #53aaa2 |
| RGB | rgb(83, 170, 162) |
| HSL | hsl(174.48, 34.39%, 49.61%) |
| HSB / HSV | hsv(174.48 51.18% 66.67%) |
| HWB | hwb(174.48 32.55% 33.33%) |
| CMYK | cmyk(51% 0% 5% 33%) |
| Lab | lab(64.11 -28.93 -4.35) |
| LCH | lch(64.11 29.26 188.56) |
| OKLab | oklab(68.197% -0.08427 -0.011) |
| OKLCH | oklch(68.197% 0.08498 187.437) |
| Display P3 | color(display-p3 0.41348 0.65877 0.6339) |
| Rec. 2020 | color(rec2020 0.43625 0.61171 0.59518) |
| Adobe RGB | color(a98-rgb 0.4543 0.66074 0.63078) |
| ProPhoto RGB | color(prophoto-rgb 0.44122 0.57542 0.56816) |
| 線形sRGB | color(srgb-linear 0.0865 0.40198 0.36131) |
| XYZ D65 | color(xyz-d65 0.24462 0.33196 0.39302) |
| XYZ D50 | color(xyz-d50 0.24424 0.32932 0.29824) |
| SwiftUI | Color(red: 0.325, green: 0.667, blue: 0.635) |
| UIKit | UIColor(red: 0.325, green: 0.667, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF53AAA2) |
| Android XML | #53AAA2 |

## 基本情報

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

## ティント

#53aaa2, #67b2ab, #79bbb4, #8bc3bd, #9cccc6, #acd4d0, #bdddd9, #cee5e2, #deeeec, #eff6f5

## シェード

#53aaa2, #47938c, #3b7d77, #306863, #25534f, #1b3f3c, #112d2a, #081b19, #020b0a, #000101

## トーン

#53aaa2, #5da8a1, #65a7a0, #6da59f, #75a49e, #7ba29d, #82a09c, #889e9b, #8e9c9b, #939b9a

## カラーハーモニー

- 補色: #53aaa2, #c7838f
- 分裂補色: #53aaa2, #bb85ac, #c78673
- 類似色: #53aaa2, #6aa984, #55a6bb
- トライアド: #53aaa2, #a78bc2, #bc8f5e
- テトラード: #53aaa2, #6d9ecb, #c7838f, #bc8f5e
- スクエア: #53aaa2, #8c94cd, #c7838f, #a7995a
- モノクロマティック: #53aaa2, #00625b, #29857e, #7ad0c8, #a1f8ef

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

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

#53aaa2 は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(83, 170, 162)、HSLでは hsl(174.48, 34.39%, 49.61%)、OKLCHでは oklch(68.197% 0.08498 187.437) です。

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

#53aaa2 の補色は #c7838f です。落ち着いた組み合わせにするなら、類似色の #6aa984 と #55a6bb を使いましょう。トライアドの組み合わせは #a78bc2 と #bc8f5e です。

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

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

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

#53aaa2 は寒色系の色です。OKLCHでは色相 187度、明度 68.2%、クロマ 0.085 です。