# カラーコード #355161：やわらかな 暗い空色

#355161 はRGBで rgb(53, 81, 97)、OKLCHで oklch(41.944% 0.04292 234.251) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #355161 |
| RGB | rgb(53, 81, 97) |
| HSL | hsl(201.82, 29.33%, 29.41%) |
| HSB / HSV | hsv(201.82 45.36% 38.04%) |
| HWB | hwb(201.82 20.78% 61.96%) |
| CMYK | cmyk(45% 16% 0% 62%) |
| Lab | lab(32.73 -7.29 -12.88) |
| LCH | lch(32.73 14.8 240.49) |
| OKLab | oklab(41.944% -0.02508 -0.03483) |
| OKLCH | oklch(41.944% 0.04292 234.251) |
| Display P3 | color(display-p3 0.23179 0.31471 0.37406) |
| Rec. 2020 | color(rec2020 0.19779 0.25245 0.31588) |
| Adobe RGB | color(a98-rgb 0.25352 0.32121 0.37843) |
| ProPhoto RGB | color(prophoto-rgb 0.21491 0.24366 0.29888) |
| 線形sRGB | color(srgb-linear 0.0356 0.08228 0.11954) |
| XYZ D65 | color(xyz-d65 0.06568 0.07505 0.12412) |
| XYZ D50 | color(xyz-d50 0.06432 0.07415 0.09385) |
| SwiftUI | Color(red: 0.208, green: 0.318, blue: 0.38) |
| UIKit | UIColor(red: 0.208, green: 0.318, blue: 0.38, alpha: 1) |
| Flutter / Compose | Color(0xFF355161) |
| Android XML | #355161 |

## 基本情報

- 最も近い色名: やわらかな 暗い空色
- 色相の系統: 空色, やわらかな 暗い空色
- 最も近いTailwindクラス: slate-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 8.4:1
- 黒とのコントラスト: 2.5:1

## ティント

#355161, #476170, #5a717f, #6d828e, #81939d, #95a4ad, #a9b6bd, #bec8cd, #d4dade, #e9ecee

## シェード

#355161, #2d4553, #253a46, #1d2f39, #15242d, #0e1a21, #081015, #03070b, #010203, #000000

## トーン

#355161, #38515f, #3a505d, #3d505b, #3f5059, #424f57, #444f55, #464e53, #494e51, #4b4d4f

## カラーハーモニー

- 補色: #355161, #604737
- 分裂補色: #355161, #624441, #584b31
- 類似色: #355161, #2f5458, #414d65
- トライアド: #355161, #60434e, #4c5034
- テトラード: #355161, #4e4962, #604737, #4c5034
- スクエア: #355161, #59455a, #604737, #3f533e
- モノクロマティック: #355161, #001421, #163140, #567384, #7997a9

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

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

#355161 はやわらかな 暗い空色です。最も近い名前のある色はやわらかな 暗い空色です。RGBでは rgb(53, 81, 97)、HSLでは hsl(201.82, 29.33%, 29.41%)、OKLCHでは oklch(41.944% 0.04292 234.251) です。

### #355161 に合う色は？

#355161 の補色は #604737 です。落ち着いた組み合わせにするなら、類似色の #2f5458 と #414d65 を使いましょう。トライアドの組み合わせは #60434e と #4c5034 です。

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

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

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

#355161 は寒色系の色です。OKLCHでは色相 234度、明度 41.9%、クロマ 0.043 です。