# カラーコード #a3bcaf：スモーキーな 明るいエメラルド

#a3bcaf はRGBで rgb(163, 188, 175)、OKLCHで oklch(77.256% 0.0329 162.976) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #a3bcaf |
| RGB | rgb(163, 188, 175) |
| HSL | hsl(148.8, 15.72%, 68.82%) |
| HSB / HSV | hsv(148.8 13.3% 73.73%) |
| HWB | hwb(148.8 63.92% 26.27%) |
| CMYK | cmyk(13% 0% 7% 26%) |
| Lab | lab(74.06 -10.78 3.58) |
| LCH | lch(74.06 11.35 161.62) |
| OKLab | oklab(77.256% -0.03146 0.00963) |
| OKLCH | oklch(77.256% 0.0329 162.976) |
| Display P3 | color(display-p3 0.65802 0.73427 0.68937) |
| Rec. 2020 | color(rec2020 0.63987 0.70006 0.65592) |
| Adobe RGB | color(a98-rgb 0.66312 0.73157 0.68255) |
| ProPhoto RGB | color(prophoto-rgb 0.6177 0.67078 0.63084) |
| 線形sRGB | color(srgb-linear 0.36625 0.50289 0.42869) |
| XYZ D65 | color(xyz-d65 0.40823 0.46848 0.47451) |
| XYZ D50 | color(xyz-d50 0.41473 0.46799 0.36005) |
| SwiftUI | Color(red: 0.639, green: 0.737, blue: 0.686) |
| UIKit | UIColor(red: 0.639, green: 0.737, blue: 0.686, alpha: 1) |
| Flutter / Compose | Color(0xFFA3BCAF) |
| Android XML | #A3BCAF |

## 基本情報

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

## ティント

#a3bcaf, #acc3b7, #b5c9bf, #bed0c6, #c7d6ce, #d0ddd6, #dae4de, #e3ebe6, #ecf1ef, #f6f8f7

## シェード

#a3bcaf, #8da398, #788b81, #63736b, #4f5d56, #3c4741, #2a322e, #191f1c, #0a0d0b, #010201

## トーン

#a3bcaf, #a5bbb0, #a7bbb0, #a9bab1, #aab9b1, #acb8b2, #aeb8b3, #b0b7b3, #b1b6b4, #b3b6b4

## カラーハーモニー

- 補色: #a3bcaf, #c5adbb
- 分裂補色: #a3bcaf, #bcafc4, #c9adaf
- 類似色: #a3bcaf, #adbaa5, #9ebcbb
- トライアド: #a3bcaf, #b1b3ca, #c8afa5
- テトラード: #a3bcaf, #9fbac5, #c5adbb, #c8afa5
- スクエア: #a3bcaf, #a7b7ca, #c5adbb, #c2b29f
- モノクロマティック: #a3bcaf, #5c7367, #7e978a, #c9e3d5, #e2fdef

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

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

#a3bcaf はスモーキーな 明るいエメラルドです。最も近い名前のある色はスモーキーな 明るいエメラルドです。RGBでは rgb(163, 188, 175)、HSLでは hsl(148.8, 15.72%, 68.82%)、OKLCHでは oklch(77.256% 0.0329 162.976) です。

### #a3bcaf に合う色は？

#a3bcaf の補色は #c5adbb です。落ち着いた組み合わせにするなら、類似色の #adbaa5 と #9ebcbb を使いましょう。トライアドの組み合わせは #b1b3ca と #c8afa5 です。

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

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

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

#a3bcaf は寒色系の色です。OKLCHでは色相 163度、明度 77.3%、クロマ 0.033 です。