# カラーコード #586e65：スモーキーな エメラルド

#586e65 はRGBで rgb(88, 110, 101)、OKLCHで oklch(51.754% 0.02973 168.353) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/586e65

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #586e65 |
| RGB | rgb(88, 110, 101) |
| HSL | hsl(155.45, 11.11%, 38.82%) |
| HSB / HSV | hsv(155.45 20% 43.14%) |
| HWB | hwb(155.45 34.51% 56.86%) |
| CMYK | cmyk(20% 0% 8% 57%) |
| Lab | lab(44.43 -10 2.2) |
| LCH | lch(44.43 10.24 167.6) |
| OKLab | oklab(51.754% -0.02912 0.006) |
| OKLCH | oklch(51.754% 0.02973 168.353) |
| Display P3 | color(display-p3 0.36227 0.42885 0.39797) |
| Rec. 2020 | color(rec2020 0.32124 0.37107 0.34246) |
| Adobe RGB | color(a98-rgb 0.37284 0.42955 0.39711) |
| ProPhoto RGB | color(prophoto-rgb 0.30994 0.34786 0.32551) |
| 線形sRGB | color(srgb-linear 0.09759 0.15593 0.13014) |
| XYZ D65 | color(xyz-d65 0.11949 0.14166 0.14417) |
| XYZ D50 | color(xyz-d50 0.12123 0.14138 0.10943) |
| SwiftUI | Color(red: 0.345, green: 0.431, blue: 0.396) |
| UIKit | UIColor(red: 0.345, green: 0.431, blue: 0.396, alpha: 1) |
| Flutter / Compose | Color(0xFF586E65) |
| Android XML | #586E65 |

## 基本情報

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

## ティント

#586e65, #677b73, #778982, #879790, #98a59f, #a8b4af, #b9c2be, #cad1ce, #dce0de, #edf0ef

## シェード

#586e65, #4b5f57, #3f5049, #33413c, #28332f, #1d2622, #121917, #090e0c, #030403, #000100

## トーン

#586e65, #5a6d65, #5b6d66, #5d6c66, #5f6c66, #606b67, #626b67, #646a67, #656967, #676968

## カラーハーモニー

- 補色: #586e65, #76626b
- 分裂補色: #586e65, #706373, #796262
- 類似色: #586e65, #606d5c, #546e6e
- トライアド: #586e65, #676679, #77635a
- テトラード: #586e65, #576c76, #76626b, #77635a
- スクエア: #586e65, #5e697a, #76626b, #726655
- モノクロマティック: #586e65, #192d26, #374c44, #7b9288, #9fb7ad

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

### #586e65 は何色ですか？

#586e65 はスモーキーな エメラルドです。最も近い名前のある色はスモーキーな エメラルドです。RGBでは rgb(88, 110, 101)、HSLでは hsl(155.45, 11.11%, 38.82%)、OKLCHでは oklch(51.754% 0.02973 168.353) です。

### #586e65 に合う色は？

#586e65 の補色は #76626b です。落ち着いた組み合わせにするなら、類似色の #606d5c と #546e6e を使いましょう。トライアドの組み合わせは #676679 と #77635a です。

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

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

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

#586e65 は寒色系の色です。OKLCHでは色相 168度、明度 51.8%、クロマ 0.03 です。