# カラーコード #98aaa1：くすんだ 明るいエメラルド

#98aaa1 はRGBで rgb(152, 170, 161)、OKLCHで oklch(72.131% 0.02391 164.244) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/98aaa1

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #98aaa1 |
| RGB | rgb(152, 170, 161) |
| HSL | hsl(150, 9.57%, 63.14%) |
| HSB / HSV | hsv(150 10.59% 66.67%) |
| HWB | hwb(150 59.61% 33.33%) |
| CMYK | cmyk(11% 0% 5% 33%) |
| Lab | lab(67.99 -7.87 2.4) |
| LCH | lch(67.99 8.23 163.01) |
| OKLab | oklab(72.131% -0.02302 0.00649) |
| OKLCH | oklch(72.131% 0.02391 164.244) |
| Display P3 | color(display-p3 0.60938 0.66448 0.63343) |
| Rec. 2020 | color(rec2020 0.5815 0.62476 0.5946) |
| Adobe RGB | color(a98-rgb 0.61152 0.66074 0.62705) |
| ProPhoto RGB | color(prophoto-rgb 0.5572 0.59439 0.56781) |
| 線形sRGB | color(srgb-linear 0.31399 0.40198 0.3564) |
| XYZ D65 | color(xyz-d65 0.33755 0.37998 0.39275) |
| XYZ D50 | color(xyz-d50 0.34274 0.37964 0.2979) |
| SwiftUI | Color(red: 0.596, green: 0.667, blue: 0.631) |
| UIKit | UIColor(red: 0.596, green: 0.667, blue: 0.631, alpha: 1) |
| Flutter / Compose | Color(0xFF98AAA1) |
| Android XML | #98AAA1 |

## 基本情報

- 最も近い色名: くすんだ 明るいエメラルド
- 色相の系統: エメラルド, くすんだ 明るいエメラルド
- 最も近いTailwindクラス: mist-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.44:1
- 黒とのコントラスト: 8.6:1

## ティント

#98aaa1, #a2b2aa, #acbbb3, #b6c3bc, #c0cbc6, #cad4cf, #d5dcd8, #dfe5e2, #eaeeec, #f4f6f5

## シェード

#98aaa1, #84938b, #707d76, #5c6862, #4a534e, #383f3c, #272d2a, #171b19, #080b09, #010101

## トーン

#98aaa1, #99a9a1, #9ba9a2, #9ca8a2, #9da8a3, #9fa7a3, #a0a7a3, #a1a6a4, #a2a6a4, #a4a5a4

## 配色

- 補色: #98aaa1, #b19fa9
- 分裂補色: #98aaa1, #aba1b0, #b49fa0
- 類似色: #98aaa1, #9fa99a, #95aaa9
- トライアド: #98aaa1, #a3a3b4, #b3a199
- テトラード: #98aaa1, #96a9b0, #b19fa9, #b3a199
- スクエア: #98aaa1, #9ba6b4, #b19fa9, #aea395
- モノクロマティック: #98aaa1, #52625a, #74857d, #bed0c7, #e4f8ee

## #98aaa1 についてのよくある質問

### #98aaa1 は何色ですか？

#98aaa1 はくすんだ 明るいエメラルドです。最も近い名前のある色はくすんだ 明るいエメラルドです。RGBでは rgb(152, 170, 161)、HSLでは hsl(150, 9.57%, 63.14%)、OKLCHでは oklch(72.131% 0.02391 164.244) です。

### #98aaa1 に合う色は？

#98aaa1 の補色は #b19fa9 です。落ち着いた組み合わせにするなら、類似色の #9fa99a と #95aaa9 を使いましょう。トライアドの組み合わせは #a3a3b4 と #b3a199 です。

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

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

### #98aaa1 は暖色と寒色のどちらですか？

#98aaa1 は寒色系の色です。OKLCHでは色相 164度、明度 72.1%、クロマ 0.024 です。