# カラーコード #7aaa9e：スモーキーな 明るいティール

#7aaa9e はRGBで rgb(122, 170, 158)、OKLCHで oklch(70.023% 0.05428 177.417) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7aaa9e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7aaa9e |
| RGB | rgb(122, 170, 158) |
| HSL | hsl(165, 22.02%, 57.25%) |
| HSB / HSV | hsv(165 28.24% 66.67%) |
| HWB | hwb(165 47.84% 33.33%) |
| CMYK | cmyk(28% 0% 7% 33%) |
| Lab | lab(65.92 -18.65 0.77) |
| LCH | lch(65.92 18.66 177.65) |
| OKLab | oklab(70.023% -0.05422 0.00245) |
| OKLCH | oklch(70.023% 0.05428 177.417) |
| Display P3 | color(display-p3 0.51836 0.66149 0.62111) |
| Rec. 2020 | color(rec2020 0.50983 0.61778 0.58149) |
| Adobe RGB | color(a98-rgb 0.53596 0.66074 0.61587) |
| ProPhoto RGB | color(prophoto-rgb 0.49671 0.58408 0.55498) |
| 線形sRGB | color(srgb-linear 0.19462 0.40198 0.34191) |
| XYZ D65 | color(xyz-d65 0.28571 0.35355 0.37668) |
| XYZ D50 | color(xyz-d50 0.28861 0.3522 0.2859) |
| SwiftUI | Color(red: 0.478, green: 0.667, blue: 0.62) |
| UIKit | UIColor(red: 0.478, green: 0.667, blue: 0.62, alpha: 1) |
| Flutter / Compose | Color(0xFF7AAA9E) |
| Android XML | #7AAA9E |

## 基本情報

- 最も近い色名: スモーキーな 明るいティール
- 色相の系統: ティール, スモーキーな 明るいティール
- 最も近いTailwindクラス: mist-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.6:1
- 黒とのコントラスト: 8.07:1

## ティント

#7aaa9e, #87b2a7, #94bbb1, #a2c3ba, #afcbc4, #bcd4cd, #c9dcd7, #d7e5e1, #e4eeeb, #f1f6f5

## シェード

#7aaa9e, #699389, #597d74, #496860, #3a534d, #2b3f3a, #1d2d29, #101b18, #050b09, #010101

## トーン

#7aaa9e, #7ea99e, #82a89e, #86a79e, #8aa59e, #8da49e, #91a39e, #94a29e, #98a19e, #9ba09e

## カラーハーモニー

- 補色: #7aaa9e, #bb919f
- 分裂補色: #7aaa9e, #b193b0, #be928c
- 類似色: #7aaa9e, #89a88b, #76a8b0
- トライアド: #7aaa9e, #a298bd, #b9977e
- テトラード: #7aaa9e, #7fa4bd, #bb919f, #b9977e
- スクエア: #7aaa9e, #909ec1, #bb919f, #ad9d78
- モノクロマティック: #7aaa9e, #346258, #56857a, #9fd0c4, #c5f8eb

## #7aaa9e についてのよくある質問

### #7aaa9e は何色ですか？

#7aaa9e はスモーキーな 明るいティールです。最も近い名前のある色はスモーキーな 明るいティールです。RGBでは rgb(122, 170, 158)、HSLでは hsl(165, 22.02%, 57.25%)、OKLCHでは oklch(70.023% 0.05428 177.417) です。

### #7aaa9e に合う色は？

#7aaa9e の補色は #bb919f です。落ち着いた組み合わせにするなら、類似色の #89a88b と #76a8b0 を使いましょう。トライアドの組み合わせは #a298bd と #b9977e です。

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

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

### #7aaa9e は暖色と寒色のどちらですか？

#7aaa9e は寒色系の色です。OKLCHでは色相 177度、明度 70%、クロマ 0.054 です。