# カラーコード #adaba0：明るいグレー

#adaba0 はRGBで rgb(173, 171, 160)、OKLCHで oklch(73.971% 0.01566 98.363) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #adaba0 |
| RGB | rgb(173, 171, 160) |
| HSL | hsl(50.77, 7.34%, 65.29%) |
| HSB / HSV | hsv(50.77 7.51% 67.84%) |
| HWB | hwb(50.77 62.75% 32.16%) |
| CMYK | cmyk(0% 1% 8% 32%) |
| Lab | lab(69.91 -0.74 5.95) |
| LCH | lch(69.91 6 97.13) |
| OKLab | oklab(73.971% -0.00228 0.0155) |
| OKLCH | oklch(73.971% 0.01566 98.363) |
| Display P3 | color(display-p3 0.67705 0.67085 0.63161) |
| Rec. 2020 | color(rec2020 0.6379 0.63454 0.5927) |
| Adobe RGB | color(a98-rgb 0.67028 0.66466 0.62349) |
| ProPhoto RGB | color(prophoto-rgb 0.60526 0.60665 0.5662) |
| 線形sRGB | color(srgb-linear 0.41789 0.40724 0.35153) |
| XYZ D65 | color(xyz-d65 0.3814 0.40548 0.39076) |
| XYZ D50 | color(xyz-d50 0.38937 0.40623 0.29638) |
| SwiftUI | Color(red: 0.678, green: 0.671, blue: 0.627) |
| UIKit | UIColor(red: 0.678, green: 0.671, blue: 0.627, alpha: 1) |
| Flutter / Compose | Color(0xFFADABA0) |
| Android XML | #ADABA0 |

## 基本情報

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

## ティント

#adaba0, #b5b3a9, #bdbbb2, #c5c4bc, #cdccc5, #d5d4cf, #ddddd8, #e6e5e2, #eeeeeb, #f7f6f5

## シェード

#adaba0, #96948b, #7f7e76, #6a6861, #55544e, #41403b, #2d2d29, #1b1b19, #0b0b09, #010101

## トーン

#adaba0, #adaba1, #adaba2, #acaba3, #acaba4, #acaba5, #acaba6, #ababa7, #ababa8, #ababa9

## カラーハーモニー

- 補色: #adaba0, #a8aab5
- 分裂補色: #adaba0, #a3acb4, #ada8b2
- 類似色: #adaba0, #b2a9a0, #a8ada2
- トライアド: #adaba0, #a0adb1, #b2a7ae
- テトラード: #adaba0, #a3aea7, #a8aab5, #b2a7ae
- スクエア: #adaba0, #a0aeac, #a8aab5, #b4a7a9
- モノクロマティック: #adaba0, #656359, #88867c, #d3d1c6, #f8f5ea

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

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

#adaba0 は明るいグレーです。最も近い名前のある色は明るいグレーです。RGBでは rgb(173, 171, 160)、HSLでは hsl(50.77, 7.34%, 65.29%)、OKLCHでは oklch(73.971% 0.01566 98.363) です。

### #adaba0 に合う色は？

#adaba0 の補色は #a8aab5 です。落ち着いた組み合わせにするなら、類似色の #b2a9a0 と #a8ada2 を使いましょう。トライアドの組み合わせは #a0adb1 と #b2a7ae です。

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

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

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

#adaba0 はニュートラルの色です。OKLCHでは色相 98度、明度 74%、クロマ 0.016 です。