# カラーコード #abbfb9：くすんだ 明るいティール

#abbfb9 はRGBで rgb(171, 191, 185)、OKLCHで oklch(78.764% 0.02346 175.765) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/abbfb9

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #abbfb9 |
| RGB | rgb(171, 191, 185) |
| HSL | hsl(162, 13.51%, 70.98%) |
| HSB / HSV | hsv(162 10.47% 74.9%) |
| HWB | hwb(162 67.06% 25.1%) |
| CMYK | cmyk(10% 0% 3% 25%) |
| Lab | lab(75.67 -7.97 0.59) |
| LCH | lch(75.67 7.99 175.8) |
| OKLab | oklab(78.764% -0.0234 0.00173) |
| OKLCH | oklch(78.764% 0.02346 175.765) |
| Display P3 | color(display-p3 0.68537 0.74659 0.72634) |
| Rec. 2020 | color(rec2020 0.66669 0.71459 0.69597) |
| Adobe RGB | color(a98-rgb 0.6882 0.74343 0.72072) |
| ProPhoto RGB | color(prophoto-rgb 0.64625 0.68702 0.67131) |
| 線形sRGB | color(srgb-linear 0.40724 0.521 0.48515) |
| XYZ D65 | color(xyz-d65 0.4418 0.49422 0.53112) |
| XYZ D50 | color(xyz-d50 0.44766 0.49351 0.40269) |
| SwiftUI | Color(red: 0.671, green: 0.749, blue: 0.725) |
| UIKit | UIColor(red: 0.671, green: 0.749, blue: 0.725, alpha: 1) |
| Flutter / Compose | Color(0xFFABBFB9) |
| Android XML | #ABBFB9 |

## 基本情報

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

## ティント

#abbfb9, #b3c5c0, #bbccc7, #c4d2ce, #ccd8d4, #d4dfdb, #dde5e2, #e5ebea, #eef2f1, #f6f8f8

## シェード

#abbfb9, #94a6a0, #7e8d89, #687571, #545e5b, #404846, #2d3331, #1b1f1e, #0b0d0d, #010202

## トーン

#abbfb9, #adbeb9, #aebeb9, #b0bdb9, #b1bdb9, #b2bcb9, #b4bcb9, #b5bbb9, #b7bbb9, #b8baba

## カラーハーモニー

- 補色: #abbfb9, #c7b4ba
- 分裂補色: #abbfb9, #c2b5c2, #c9b4b2
- 類似色: #abbfb9, #b1beb1, #a9bec1
- トライアド: #abbfb9, #bbb7c8, #c6b6ac
- テトラード: #abbfb9, #acbdc7, #c7b4ba, #c6b6ac
- スクエア: #abbfb9, #b3bac9, #c7b4ba, #c1b9a9
- モノクロマティック: #abbfb9, #637670, #869994, #d1e6e0, #e6fbf4

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

### #abbfb9 は何色ですか？

#abbfb9 はくすんだ 明るいティールです。最も近い名前のある色はくすんだ 明るいティールです。RGBでは rgb(171, 191, 185)、HSLでは hsl(162, 13.51%, 70.98%)、OKLCHでは oklch(78.764% 0.02346 175.765) です。

### #abbfb9 に合う色は？

#abbfb9 の補色は #c7b4ba です。落ち着いた組み合わせにするなら、類似色の #b1beb1 と #a9bec1 を使いましょう。トライアドの組み合わせは #bbb7c8 と #c6b6ac です。

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

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

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

#abbfb9 は寒色系の色です。OKLCHでは色相 176度、明度 78.8%、クロマ 0.023 です。