# カラーコード #3d5259：くすんだ 暗い空色

#3d5259 はRGBで rgb(61, 82, 89)、OKLCHで oklch(42.391% 0.02832 220.314) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #3d5259 |
| RGB | rgb(61, 82, 89) |
| HSL | hsl(195, 18.67%, 29.41%) |
| HSB / HSV | hsv(195 31.46% 34.9%) |
| HWB | hwb(195 23.92% 65.1%) |
| CMYK | cmyk(31% 8% 0% 65%) |
| Lab | lab(33.33 -6.95 -6.89) |
| LCH | lch(33.33 9.79 224.74) |
| OKLab | oklab(42.391% -0.02159 -0.01832) |
| OKLCH | oklch(42.391% 0.02832 220.314) |
| Display P3 | color(display-p3 0.25612 0.31923 0.34557) |
| Rec. 2020 | color(rec2020 0.21385 0.25732 0.28661) |
| Adobe RGB | color(a98-rgb 0.27271 0.3249 0.3498) |
| ProPhoto RGB | color(prophoto-rgb 0.22201 0.24769 0.27386) |
| 線形sRGB | color(srgb-linear 0.04667 0.08438 0.0999) |
| XYZ D65 | color(xyz-d65 0.06745 0.07748 0.10592) |
| XYZ D50 | color(xyz-d50 0.06714 0.07693 0.08018) |
| SwiftUI | Color(red: 0.239, green: 0.322, blue: 0.349) |
| UIKit | UIColor(red: 0.239, green: 0.322, blue: 0.349, alpha: 1) |
| Flutter / Compose | Color(0xFF3D5259) |
| Android XML | #3D5259 |

## 基本情報

- 最も近い色名: くすんだ 暗い空色
- 色相の系統: 空色, くすんだ 暗い空色
- 最も近いTailwindクラス: mist-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 8.24:1
- 黒とのコントラスト: 2.55:1

## ティント

#3d5259, #4e6268, #607278, #738288, #869398, #99a4a8, #adb6b9, #c1c8ca, #d5dadc, #eaeced

## シェード

#3d5259, #34464c, #2b3b40, #222f34, #1a2528, #121a1d, #0a1113, #040809, #010203, #000000

## トーン

#3d5259, #3f5258, #415157, #435156, #445055, #465054, #485052, #494f51, #4b4f50, #4c4e4f

## カラーハーモニー

- 補色: #3d5259, #5c4942
- 分裂補色: #3d5259, #5d484a, #584c3d
- 類似色: #3d5259, #3c5352, #43505d
- トライアド: #3d5259, #594853, #514f3d
- テトラード: #3d5259, #4b4d5e, #5c4942, #514f3d
- スクエア: #3d5259, #534a5a, #5c4942, #495141
- モノクロマティック: #3d5259, #03151b, #1e3239, #5e747b, #8198a0

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

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

#3d5259 はくすんだ 暗い空色です。最も近い名前のある色はくすんだ 暗い空色です。RGBでは rgb(61, 82, 89)、HSLでは hsl(195, 18.67%, 29.41%)、OKLCHでは oklch(42.391% 0.02832 220.314) です。

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

#3d5259 の補色は #5c4942 です。落ち着いた組み合わせにするなら、類似色の #3c5352 と #43505d を使いましょう。トライアドの組み合わせは #594853 と #514f3d です。

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

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

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

#3d5259 は寒色系の色です。OKLCHでは色相 220度、明度 42.4%、クロマ 0.028 です。