# カラーコード #3b577b：スモーキーな 暗い青

#3b577b はRGBで rgb(59, 87, 123)、OKLCHで oklch(45.089% 0.06832 255.132) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #3b577b |
| RGB | rgb(59, 87, 123) |
| HSL | hsl(213.75, 35.16%, 35.69%) |
| HSB / HSV | hsv(213.75 52.03% 48.24%) |
| HWB | hwb(213.75 23.14% 51.76%) |
| CMYK | cmyk(52% 29% 0% 52%) |
| Lab | lab(36 -2.37 -23.98) |
| LCH | lch(36 24.09 264.35) |
| OKLab | oklab(45.089% -0.01753 -0.06603) |
| OKLCH | oklch(45.089% 0.06832 255.132) |
| Display P3 | color(display-p3 0.25498 0.3382 0.47079) |
| Rec. 2020 | color(rec2020 0.2273 0.27805 0.41702) |
| Adobe RGB | color(a98-rgb 0.2749 0.3434 0.47424) |
| ProPhoto RGB | color(prophoto-rgb 0.24998 0.26747 0.38971) |
| 線形sRGB | color(srgb-linear 0.04374 0.09531 0.19807) |
| XYZ D65 | color(xyz-d65 0.08786 0.09176 0.20048) |
| XYZ D50 | color(xyz-d50 0.08412 0.09006 0.1513) |
| SwiftUI | Color(red: 0.231, green: 0.341, blue: 0.482) |
| UIKit | UIColor(red: 0.231, green: 0.341, blue: 0.482, alpha: 1) |
| Flutter / Compose | Color(0xFF3B577B) |
| Android XML | #3B577B |

## 基本情報

- 最も近い色名: スモーキーな 暗い青
- 色相の系統: 青, スモーキーな 暗い青
- 最も近いTailwindクラス: slate-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 7.41:1
- 黒とのコントラスト: 2.84:1

## ティント

#3b577b, #4d6788, #5f7695, #7287a2, #8597af, #98a8bc, #acb9c9, #c0cad7, #d5dbe4, #eaedf1

## シェード

#3b577b, #324b6a, #293e5a, #21334a, #19273a, #111c2c, #09121e, #040810, #010305, #000001

## トーン

#3b577b, #3e5777, #415774, #445770, #46576c, #495769, #4c5765, #4e5661, #51565d, #535659

## カラーハーモニー

- 補色: #3b577b, #6c5027
- 分裂補色: #3b577b, #754935, #5b5827
- 類似色: #3b577b, #235d72, #52507a
- トライアド: #3b577b, #774549, #455e37
- テトラード: #3b577b, #644a70, #6c5027, #455e37
- スクエア: #3b577b, #71465e, #6c5027, #2b624c
- モノクロマティック: #3b577b, #001837, #1c3658, #5c7aa0, #7f9ec6

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

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

#3b577b はスモーキーな 暗い青です。最も近い名前のある色はスモーキーな 暗い青です。RGBでは rgb(59, 87, 123)、HSLでは hsl(213.75, 35.16%, 35.69%)、OKLCHでは oklch(45.089% 0.06832 255.132) です。

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

#3b577b の補色は #6c5027 です。落ち着いた組み合わせにするなら、類似色の #235d72 と #52507a を使いましょう。トライアドの組み合わせは #774549 と #455e37 です。

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

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

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

#3b577b は寒色系の色です。OKLCHでは色相 255度、明度 45.1%、クロマ 0.068 です。