# カラーコード #415e82：スモーキーな 暗い青

#415e82 はRGBで rgb(65, 94, 130)、OKLCHで oklch(47.499% 0.06807 254.334) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/415e82

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #415e82 |
| RGB | rgb(65, 94, 130) |
| HSL | hsl(213.23, 33.33%, 38.24%) |
| HSB / HSV | hsv(213.23 50% 50.98%) |
| HWB | hwb(213.23 25.49% 49.02%) |
| CMYK | cmyk(50% 28% 0% 49%) |
| Lab | lab(38.82 -2.87 -23.84) |
| LCH | lch(38.82 24.02 263.13) |
| OKLab | oklab(47.499% -0.01838 -0.06554) |
| OKLCH | oklch(47.499% 0.06807 254.334) |
| Display P3 | color(display-p3 0.27918 0.36552 0.49807) |
| Rec. 2020 | color(rec2020 0.25287 0.30636 0.44609) |
| Adobe RGB | color(a98-rgb 0.29784 0.36945 0.50093) |
| ProPhoto RGB | color(prophoto-rgb 0.27251 0.29228 0.41714) |
| 線形sRGB | color(srgb-linear 0.05286 0.11193 0.22323) |
| XYZ D65 | color(xyz-d65 0.10211 0.10741 0.22655) |
| XYZ D50 | color(xyz-d50 0.0981 0.10554 0.17101) |
| SwiftUI | Color(red: 0.255, green: 0.369, blue: 0.51) |
| UIKit | UIColor(red: 0.255, green: 0.369, blue: 0.51, alpha: 1) |
| Flutter / Compose | Color(0xFF415E82) |
| Android XML | #415E82 |

## 基本情報

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

## ティント

#415e82, #526d8e, #647c9a, #768ca7, #899cb3, #9cacc0, #afbccc, #c3ccd9, #d6dde5, #ebeef2

## シェード

#415e82, #375170, #2e445f, #25374e, #1c2b3e, #131f2f, #0b1420, #050a12, #010306, #000001

## トーン

#415e82, #445e7e, #475e7b, #4a5e77, #4d5e73, #4f5e6f, #525d6c, #555d68, #575d64, #5a5c60

## カラーハーモニー

- 補色: #415e82, #73562e
- 分裂補色: #415e82, #7c4f3c, #625e2e
- 類似色: #415e82, #2b6479, #585781
- トライアド: #415e82, #7e4c50, #4c653d
- テトラード: #415e82, #6a5077, #73562e, #4c653d
- スクエア: #415e82, #784c65, #73562e, #336852
- モノクロマティック: #415e82, #031e3d, #213d5f, #6381a7, #86a6cd

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

### #415e82 は何色ですか？

#415e82 はスモーキーな 暗い青です。最も近い名前のある色はスモーキーな 暗い青です。RGBでは rgb(65, 94, 130)、HSLでは hsl(213.23, 33.33%, 38.24%)、OKLCHでは oklch(47.499% 0.06807 254.334) です。

### #415e82 に合う色は？

#415e82 の補色は #73562e です。落ち着いた組み合わせにするなら、類似色の #2b6479 と #585781 を使いましょう。トライアドの組み合わせは #7e4c50 と #4c653d です。

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

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

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

#415e82 は寒色系の色です。OKLCHでは色相 254度、明度 47.5%、クロマ 0.068 です。