# カラーコード #3d5347：くすんだ 暗いエメラルド

#3d5347 はRGBで rgb(61, 83, 71)、OKLCHで oklch(42.008% 0.03364 160.665) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/3d5347

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #3d5347 |
| RGB | rgb(61, 83, 71) |
| HSL | hsl(147.27, 15.28%, 28.24%) |
| HSB / HSV | hsv(147.27 26.51% 32.55%) |
| HWB | hwb(147.27 23.92% 67.45%) |
| CMYK | cmyk(27% 0% 14% 67%) |
| Lab | lab(33.18 -10.95 4.18) |
| LCH | lch(33.18 11.72 159.13) |
| OKLab | oklab(42.008% -0.03175 0.01114) |
| OKLCH | oklch(42.008% 0.03364 160.665) |
| Display P3 | color(display-p3 0.25703 0.32306 0.28155) |
| Rec. 2020 | color(rec2020 0.21178 0.26031 0.22159) |
| Adobe RGB | color(a98-rgb 0.27401 0.32859 0.28648) |
| ProPhoto RGB | color(prophoto-rgb 0.21358 0.24907 0.21996) |
| 線形sRGB | color(srgb-linear 0.04667 0.0865 0.06301) |
| XYZ D65 | color(xyz-d65 0.06155 0.07633 0.07111) |
| XYZ D50 | color(xyz-d50 0.06268 0.07621 0.05404) |
| SwiftUI | Color(red: 0.239, green: 0.325, blue: 0.278) |
| UIKit | UIColor(red: 0.239, green: 0.325, blue: 0.278, alpha: 1) |
| Flutter / Compose | Color(0xFF3D5347) |
| Android XML | #3D5347 |

## 基本情報

- 最も近い色名: くすんだ 暗いエメラルド
- 色相の系統: エメラルド, くすんだ 暗いエメラルド
- 最も近いTailwindクラス: olive-700
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 8.31:1
- 黒とのコントラスト: 2.53:1

## ティント

#3d5347, #4e6357, #607368, #73837a, #86948c, #99a59e, #adb6b1, #c1c8c4, #d5dad7, #eaeceb

## シェード

#3d5347, #34473d, #2b3b32, #223028, #1a251f, #121b16, #0a110d, #040806, #010202, #000000

## トーン

#3d5347, #3f5248, #415248, #425149, #445149, #45504a, #474f4b, #494f4b, #4a4e4c, #4c4e4c

## カラーハーモニー

- 補色: #3d5347, #5a4653
- 分裂補色: #3d5347, #53485b, #5e4649
- 類似色: #3d5347, #47513e, #375351
- トライアド: #3d5347, #494b5f, #5e473f
- テトラード: #3d5347, #38525a, #5a4653, #5e473f
- スクエア: #3d5347, #3f4f5f, #5a4653, #594a39
- モノクロマティック: #3d5347, #03160d, #1e3328, #5e7568, #81998b

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

### #3d5347 は何色ですか？

#3d5347 はくすんだ 暗いエメラルドです。最も近い名前のある色はくすんだ 暗いエメラルドです。RGBでは rgb(61, 83, 71)、HSLでは hsl(147.27, 15.28%, 28.24%)、OKLCHでは oklch(42.008% 0.03364 160.665) です。

### #3d5347 に合う色は？

#3d5347 の補色は #5a4653 です。落ち着いた組み合わせにするなら、類似色の #47513e と #375351 を使いましょう。トライアドの組み合わせは #494b5f と #5e473f です。

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

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

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

#3d5347 は寒色系の色です。OKLCHでは色相 161度、明度 42%、クロマ 0.034 です。