# カラーコード #479dbd：鮮やかな 空色

#479dbd はRGBで rgb(71, 157, 189)、OKLCHで oklch(65.625% 0.09479 225.536) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/479dbd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #479dbd |
| RGB | rgb(71, 157, 189) |
| HSL | hsl(196.27, 47.2%, 50.98%) |
| HSB / HSV | hsv(196.27 62.43% 74.12%) |
| HWB | hwb(196.27 27.84% 25.88%) |
| CMYK | cmyk(62% 17% 0% 26%) |
| Lab | lab(60.48 -19.5 -24.86) |
| LCH | lch(60.48 31.6 231.89) |
| OKLab | oklab(65.625% -0.0664 -0.06765) |
| OKLCH | oklch(65.625% 0.09479 225.536) |
| Display P3 | color(display-p3 0.36823 0.60808 0.72795) |
| Rec. 2020 | color(rec2020 0.39933 0.55917 0.69555) |
| Adobe RGB | color(a98-rgb 0.41048 0.60997 0.73086) |
| ProPhoto RGB | color(prophoto-rgb 0.42705 0.52639 0.66603) |
| 線形sRGB | color(srgb-linear 0.06301 0.33716 0.50888) |
| XYZ D65 | color(xyz-d65 0.23839 0.29126 0.52511) |
| XYZ D50 | color(xyz-d50 0.23015 0.28658 0.397) |
| SwiftUI | Color(red: 0.278, green: 0.616, blue: 0.741) |
| UIKit | UIColor(red: 0.278, green: 0.616, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF479DBD) |
| Android XML | #479DBD |

## 基本情報

- 最も近い色名: 鮮やかな 空色
- 色相の系統: 空色, 鮮やかな 空色
- 最も近いTailwindクラス: cyan-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.08:1
- 黒とのコントラスト: 6.83:1

## ティント

#479dbd, #5ca7c4, #70b1ca, #83bad1, #95c4d8, #a7cede, #b8d8e5, #cae1eb, #dcebf2, #edf5f9

## シェード

#479dbd, #3d88a4, #32738c, #285f74, #1f4c5d, #163a47, #0d2833, #06181f, #02090d, #000102

## トーン

#479dbd, #529cb9, #5b9bb4, #639ab0, #6b99ac, #7298a7, #7996a3, #7f959e, #85949a, #8b9295

## カラーハーモニー

- 補色: #479dbd, #c17e5f
- 分裂補色: #479dbd, #c4797e, #b3894b
- 類似色: #479dbd, #39a3a3, #6993ca
- トライアド: #479dbd, #bb799e, #99954c
- テトラード: #479dbd, #8b89c9, #c17e5f, #99954c
- スクエア: #479dbd, #a77fb9, #c17e5f, #779e63
- モノクロマティック: #479dbd, #005573, #197897, #6ec3e4, #95eaff

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

### #479dbd は何色ですか？

#479dbd は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(71, 157, 189)、HSLでは hsl(196.27, 47.2%, 50.98%)、OKLCHでは oklch(65.625% 0.09479 225.536) です。

### #479dbd に合う色は？

#479dbd の補色は #c17e5f です。落ち着いた組み合わせにするなら、類似色の #39a3a3 と #6993ca を使いましょう。トライアドの組み合わせは #bb799e と #99954c です。

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

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

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

#479dbd は寒色系の色です。OKLCHでは色相 226度、明度 65.6%、クロマ 0.095 です。