# カラーコード #355b89：やわらかな 暗い青

#355b89 はRGBで rgb(53, 91, 137)、OKLCHで oklch(46.484% 0.08704 254.144) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/355b89

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #355b89 |
| RGB | rgb(53, 91, 137) |
| HSL | hsl(212.86, 44.21%, 37.25%) |
| HSB / HSV | hsv(212.86 61.31% 53.73%) |
| HWB | hwb(212.86 20.78% 46.27%) |
| CMYK | cmyk(61% 34% 0% 46%) |
| Lab | lab(37.5 -2.44 -30.2) |
| LCH | lch(37.5 30.3 265.38) |
| OKLab | oklab(46.484% -0.02378 -0.08373) |
| OKLCH | oklch(46.484% 0.08704 254.144) |
| Display P3 | color(display-p3 0.24232 0.35308 0.52301) |
| Rec. 2020 | color(rec2020 0.22778 0.29337 0.47234) |
| Adobe RGB | color(a98-rgb 0.26802 0.35827 0.52672) |
| ProPhoto RGB | color(prophoto-rgb 0.26007 0.28122 0.44135) |
| 線形sRGB | color(srgb-linear 0.0356 0.10462 0.25016) |
| XYZ D65 | color(xyz-d65 0.09724 0.10045 0.25094) |
| XYZ D50 | color(xyz-d50 0.09161 0.09808 0.18929) |
| SwiftUI | Color(red: 0.208, green: 0.357, blue: 0.537) |
| UIKit | UIColor(red: 0.208, green: 0.357, blue: 0.537, alpha: 1) |
| Flutter / Compose | Color(0xFF355B89) |
| Android XML | #355B89 |

## 基本情報

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

## ティント

#355b89, #486b95, #5b7aa1, #6e8aac, #829ab8, #96aac4, #aabbd0, #bfccdc, #d4dde7, #e9eef3

## シェード

#355b89, #2d4e76, #254164, #1d3553, #152942, #0e1e31, #081322, #030914, #010307, #000001

## トーン

#355b89, #395b84, #3d5b80, #415b7b, #455b76, #495b72, #4c5b6d, #505a68, #535a63, #565a5e

## カラーハーモニー

- 補色: #355b89, #765117
- 分裂補色: #355b89, #81482f, #625b17
- 類似色: #355b89, #01637d, #545288
- トライアド: #355b89, #83434a, #44642f
- テトラード: #355b89, #6b4a7b, #765117, #44642f
- スクエア: #355b89, #7b4465, #765117, #1c684c
- モノクロマティック: #355b89, #001a43, #143a65, #577eaf, #7aa3d5

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

### #355b89 は何色ですか？

#355b89 はやわらかな 暗い青です。最も近い名前のある色はやわらかな 暗い青です。RGBでは rgb(53, 91, 137)、HSLでは hsl(212.86, 44.21%, 37.25%)、OKLCHでは oklch(46.484% 0.08704 254.144) です。

### #355b89 に合う色は？

#355b89 の補色は #765117 です。落ち着いた組み合わせにするなら、類似色の #01637d と #545288 を使いましょう。トライアドの組み合わせは #83434a と #44642f です。

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

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

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

#355b89 は寒色系の色です。OKLCHでは色相 254度、明度 46.5%、クロマ 0.087 です。