# カラーコード #566aaa：やわらかな 青

#566aaa はRGBで rgb(86, 106, 170)、OKLCHで oklch(53.732% 0.10342 269.557) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/566aaa

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #566aaa |
| RGB | rgb(86, 106, 170) |
| HSL | hsl(225.71, 33.07%, 50.2%) |
| HSB / HSV | hsv(225.71 49.41% 66.67%) |
| HWB | hwb(225.71 33.73% 33.33%) |
| CMYK | cmyk(49% 38% 0% 33%) |
| Lab | lab(45.41 6.33 -37.23) |
| LCH | lch(45.41 37.77 279.64) |
| OKLab | oklab(53.732% -0.0008 -0.10342) |
| OKLCH | oklch(53.732% 0.10342 269.557) |
| Display P3 | color(display-p3 0.35275 0.41337 0.64843) |
| Rec. 2020 | color(rec2020 0.32923 0.35962 0.60706) |
| Adobe RGB | color(a98-rgb 0.36289 0.41446 0.65275) |
| ProPhoto RGB | color(prophoto-rgb 0.35285 0.34384 0.57249) |
| 線形sRGB | color(srgb-linear 0.09306 0.14413 0.40198) |
| XYZ D65 | color(xyz-d65 0.16246 0.15188 0.40107) |
| XYZ D50 | color(xyz-d50 0.15361 0.1484 0.30234) |
| SwiftUI | Color(red: 0.337, green: 0.416, blue: 0.667) |
| UIKit | UIColor(red: 0.337, green: 0.416, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF566AAA) |
| Android XML | #566AAA |

## 基本情報

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

## ティント

#566aaa, #6578b3, #7587bc, #8595c5, #96a4cd, #a6b3d6, #b8c2de, #c9d1e6, #dbe0ef, #edf0f7

## シェード

#566aaa, #4a5b93, #3e4d7d, #323f68, #273153, #1c243f, #12182d, #080d1b, #02040b, #000001

## トーン

#566aaa, #586ba4, #5b6b9e, #5d6c98, #5f6c93, #626d8d, #646d87, #676d81, #696e7a, #6b6e74

## カラーハーモニー

- 補色: #566aaa, #866a13
- 分裂補色: #566aaa, #995e28, #677629
- 類似色: #566aaa, #2875a3, #775fa1
- トライアド: #566aaa, #a15549, #3c7e4c
- テトラード: #566aaa, #8f578b, #866a13, #3c7e4c
- スクエア: #566aaa, #9d526c, #866a13, #008170
- モノクロマティック: #566aaa, #1a2660, #364784, #788ed1, #9cb4f9

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

### #566aaa は何色ですか？

#566aaa はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(86, 106, 170)、HSLでは hsl(225.71, 33.07%, 50.2%)、OKLCHでは oklch(53.732% 0.10342 269.557) です。

### #566aaa に合う色は？

#566aaa の補色は #866a13 です。落ち着いた組み合わせにするなら、類似色の #2875a3 と #775fa1 を使いましょう。トライアドの組み合わせは #a15549 と #3c7e4c です。

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

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

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

#566aaa は寒色系の色です。OKLCHでは色相 270度、明度 53.7%、クロマ 0.103 です。