# カラーコード #5799da：やわらかな 青

#5799da はRGBで rgb(87, 153, 218)、OKLCHで oklch(66.704% 0.1185 249.688) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/5799da

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5799da |
| RGB | rgb(87, 153, 218) |
| HSL | hsl(209.77, 63.9%, 59.8%) |
| HSB / HSV | hsv(209.77 60.09% 85.49%) |
| HWB | hwb(209.77 34.12% 14.51%) |
| CMYK | cmyk(60% 30% 0% 15%) |
| Lab | lab(60.96 -6.85 -40.18) |
| LCH | lch(60.96 40.76 260.33) |
| OKLab | oklab(66.704% -0.04113 -0.11113) |
| OKLCH | oklch(66.704% 0.1185 249.688) |
| Display P3 | color(display-p3 0.40294 0.59361 0.83399) |
| Rec. 2020 | color(rec2020 0.42755 0.54729 0.81097) |
| Adobe RGB | color(a98-rgb 0.43326 0.59441 0.84215) |
| ProPhoto RGB | color(prophoto-rgb 0.46721 0.51923 0.78438) |
| 線形sRGB | color(srgb-linear 0.09531 0.31855 0.7011) |
| XYZ D65 | color(xyz-d65 0.27975 0.29869 0.70623) |
| XYZ D50 | color(xyz-d50 0.26456 0.29207 0.53291) |
| SwiftUI | Color(red: 0.341, green: 0.6, blue: 0.855) |
| UIKit | UIColor(red: 0.341, green: 0.6, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF5799DA) |
| Android XML | #5799DA |

## 基本情報

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

## ティント

#5799da, #69a3de, #7aaee2, #8bb8e7, #9bc2ea, #acccee, #bcd6f2, #cde1f5, #ddebf9, #eef5fc

## シェード

#5799da, #4b84bd, #3e70a2, #335d87, #274a6c, #1c3854, #12273c, #081725, #030811, #000102

## トーン

#5799da, #5f99d3, #6699cc, #6c98c6, #7398bf, #7998b8, #7f97b1, #8497aa, #8a96a3, #8f959b

## カラーハーモニー

- 補色: #5799da, #c38638
- 分裂補色: #5799da, #d1795b, #a69532
- 類似色: #5799da, #12a5c6, #868bdc
- トライアド: #5799da, #d27484, #7ca351
- テトラード: #5799da, #aa7fcb, #c38638, #7ca351
- スクエア: #5799da, #c476ac, #c38638, #46aa7a
- モノクロマティック: #5799da, #02518c, #3274b3, #7cbfff, #bee5ff

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

### #5799da は何色ですか？

#5799da はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(87, 153, 218)、HSLでは hsl(209.77, 63.9%, 59.8%)、OKLCHでは oklch(66.704% 0.1185 249.688) です。

### #5799da に合う色は？

#5799da の補色は #c38638 です。落ち着いた組み合わせにするなら、類似色の #12a5c6 と #868bdc を使いましょう。トライアドの組み合わせは #d27484 と #7ca351 です。

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

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

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

#5799da は寒色系の色です。OKLCHでは色相 250度、明度 66.7%、クロマ 0.118 です。