# カラーコード #495263：くすんだ 暗い青

#495263 はRGBで rgb(73, 82, 99)、OKLCHで oklch(43.729% 0.0304 263.117) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #495263 |
| RGB | rgb(73, 82, 99) |
| HSL | hsl(219.23, 15.12%, 33.73%) |
| HSB / HSV | hsv(219.23 26.26% 38.82%) |
| HWB | hwb(219.23 28.63% 61.18%) |
| CMYK | cmyk(26% 17% 0% 61%) |
| Lab | lab(34.57 -0.47 -11.19) |
| LCH | lch(34.57 11.2 267.6) |
| OKLab | oklab(43.729% -0.00364 -0.03018) |
| OKLCH | oklch(43.729% 0.0304 263.117) |
| Display P3 | color(display-p3 0.29291 0.32047 0.38238) |
| Rec. 2020 | color(rec2020 0.24336 0.26056 0.32452) |
| Adobe RGB | color(a98-rgb 0.30168 0.3249 0.38579) |
| ProPhoto RGB | color(prophoto-rgb 0.24694 0.25218 0.30654) |
| 線形sRGB | color(srgb-linear 0.06663 0.08438 0.12477) |
| XYZ D65 | color(xyz-d65 0.08017 0.08352 0.12994) |
| XYZ D50 | color(xyz-d50 0.0794 0.08288 0.09822) |
| SwiftUI | Color(red: 0.286, green: 0.322, blue: 0.388) |
| UIKit | UIColor(red: 0.286, green: 0.322, blue: 0.388, alpha: 1) |
| Flutter / Compose | Color(0xFF495263) |
| Android XML | #495263 |

## 基本情報

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

## ティント

#495263, #596271, #6a7280, #7b828f, #8d939e, #9fa4ae, #b2b6be, #c4c8ce, #d8dade, #ebecee

## シェード

#495263, #3e4655, #343b47, #2a2f3a, #20252e, #171a21, #0e1116, #06080b, #020203, #000000

## トーン

#495263, #4a5261, #4b5260, #4c525e, #4c525c, #4d525a, #4e5259, #4f5257, #505255, #515253

## カラーハーモニー

- 補色: #495263, #5a513f
- 分裂補色: #495263, #604d42, #525441
- 類似色: #495263, #415560, #524f61
- トライアド: #495263, #624b4a, #485647
- テトラード: #495263, #5a4c5c, #5a513f, #485647
- スクエア: #495263, #604b53, #5a513f, #415750
- モノクロマティック: #495263, #0e1523, #2a3242, #6a7486, #8e98ab

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

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

#495263 はくすんだ 暗い青です。最も近い名前のある色はくすんだ 暗い青です。RGBでは rgb(73, 82, 99)、HSLでは hsl(219.23, 15.12%, 33.73%)、OKLCHでは oklch(43.729% 0.0304 263.117) です。

### #495263 に合う色は？

#495263 の補色は #5a513f です。落ち着いた組み合わせにするなら、類似色の #415560 と #524f61 を使いましょう。トライアドの組み合わせは #624b4a と #485647 です。

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

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

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

#495263 は寒色系の色です。OKLCHでは色相 263度、明度 43.7%、クロマ 0.03 です。