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

#afaca3 はRGBで rgb(175, 172, 163)、OKLCHで oklch(74.43% 0.01315 91.556) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #afaca3 |
| RGB | rgb(175, 172, 163) |
| HSL | hsl(45, 6.98%, 66.27%) |
| HSB / HSV | hsv(45 6.86% 68.63%) |
| HWB | hwb(45 63.92% 31.37%) |
| CMYK | cmyk(0% 2% 7% 31%) |
| Lab | lab(70.41 -0.11 5.04) |
| LCH | lch(70.41 5.05 91.2) |
| OKLab | oklab(74.43% -0.00036 0.01314) |
| OKLCH | oklch(74.43% 0.01315 91.556) |
| Display P3 | color(display-p3 0.6842 0.6749 0.64269) |
| Rec. 2020 | color(rec2020 0.64524 0.63921 0.60461) |
| Adobe RGB | color(a98-rgb 0.67702 0.66858 0.63485) |
| ProPhoto RGB | color(prophoto-rgb 0.61314 0.6117 0.57796) |
| 線形sRGB | color(srgb-linear 0.42869 0.41254 0.36625) |
| XYZ D65 | color(xyz-d65 0.39041 0.41263 0.40559) |
| XYZ D50 | color(xyz-d50 0.39823 0.41333 0.30756) |
| SwiftUI | Color(red: 0.686, green: 0.675, blue: 0.639) |
| UIKit | UIColor(red: 0.686, green: 0.675, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFFAFACA3) |
| Android XML | #AFACA3 |

## 基本情報

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

## ティント

#afaca3, #b7b4ac, #bfbcb5, #c6c4be, #ceccc7, #d6d5d0, #deddd9, #e6e5e3, #efeeec, #f7f6f5

## シェード

#afaca3, #98958d, #817f78, #6b6963, #56544f, #41403c, #2e2d2a, #1c1b19, #0b0b0a, #010101

## トーン

#afaca3, #afaca4, #aeaca5, #aeaca6, #aeaca7, #adaca8, #adaca8, #adaca9, #adacaa, #acacab

## カラーハーモニー

- 補色: #afaca3, #a9acb5
- 分裂補色: #afaca3, #a5adb4, #adaab3
- 類似色: #afaca3, #b3aaa4, #abaea4
- トライアド: #afaca3, #a3afb1, #b1a9b0
- テトラード: #afaca3, #a6afa8, #a9acb5, #b1a9b0
- スクエア: #afaca3, #a4afad, #a9acb5, #b4a9ab
- モノクロマティック: #afaca3, #67645c, #8a877f, #d5d2c9, #f8f5eb

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

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

#afaca3 は明るいグレーです。最も近い名前のある色は明るいグレーです。RGBでは rgb(175, 172, 163)、HSLでは hsl(45, 6.98%, 66.27%)、OKLCHでは oklch(74.43% 0.01315 91.556) です。

### #afaca3 に合う色は？

#afaca3 の補色は #a9acb5 です。落ち着いた組み合わせにするなら、類似色の #b3aaa4 と #abaea4 を使いましょう。トライアドの組み合わせは #a3afb1 と #b1a9b0 です。

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

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

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

#afaca3 はニュートラルの色です。OKLCHでは色相 92度、明度 74.4%、クロマ 0.013 です。