# カラーコード #059fc2：鮮やかな 空色

#059fc2 はRGBで rgb(5, 159, 194)、OKLCHで oklch(65.072% 0.11861 221.008) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/059fc2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #059fc2 |
| RGB | rgb(5, 159, 194) |
| HSL | hsl(191.11, 94.97%, 39.02%) |
| HSB / HSV | hsv(191.11 97.42% 76.08%) |
| HWB | hwb(191.11 1.96% 23.92%) |
| CMYK | cmyk(97% 18% 0% 24%) |
| Lab | lab(60.03 -26.25 -28.46) |
| LCH | lch(60.03 38.72 227.32) |
| OKLab | oklab(65.072% -0.08951 -0.07783) |
| OKLCH | oklch(65.072% 0.11861 221.008) |
| Display P3 | color(display-p3 0.27797 0.61409 0.74601) |
| Rec. 2020 | color(rec2020 0.35229 0.56366 0.71528) |
| Adobe RGB | color(a98-rgb 0.35075 0.61775 0.75024) |
| ProPhoto RGB | color(prophoto-rgb 0.39875 0.52931 0.68621) |
| 線形sRGB | color(srgb-linear 0.00152 0.3467 0.53948) |
| XYZ D65 | color(xyz-d65 0.22197 0.28722 0.55415) |
| XYZ D50 | color(xyz-d50 0.21138 0.28159 0.41892) |
| SwiftUI | Color(red: 0.02, green: 0.624, blue: 0.761) |
| UIKit | UIColor(red: 0.02, green: 0.624, blue: 0.761, alpha: 1) |
| Flutter / Compose | Color(0xFF059FC2) |
| Android XML | #059FC2 |

## 基本情報

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

## ティント

#059fc2, #3ca9c8, #58b2cf, #70bcd5, #86c6db, #9bcfe1, #b0d9e7, #c4e2ed, #d8ecf3, #ebf5f9

## シェード

#059fc2, #048aa8, #03758f, #026177, #014d60, #013b49, #002934, #001820, #00090e, #000102

## トーン

#059fc2, #2d9ebd, #419cb8, #4f9bb3, #5b9aae, #6698a9, #6f97a4, #78959f, #80939a, #889194

## カラーハーモニー

- 補色: #059fc2, #cc7554
- 分裂補色: #059fc2, #cc6f7d, #bc8231
- 類似色: #059fc2, #00a6a1, #5493d5
- トライアド: #059fc2, #c071a5, #9f912d
- テトラード: #059fc2, #8386d6, #cc7554, #9f912d
- スクエア: #059fc2, #a77ac4, #cc7554, #759e4d
- モノクロマティック: #059fc2, #00556f, #007a9c, #4ac5e9, #83ecff

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

### #059fc2 は何色ですか？

#059fc2 は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(5, 159, 194)、HSLでは hsl(191.11, 94.97%, 39.02%)、OKLCHでは oklch(65.072% 0.11861 221.008) です。

### #059fc2 に合う色は？

#059fc2 の補色は #cc7554 です。落ち着いた組み合わせにするなら、類似色の #00a6a1 と #5493d5 を使いましょう。トライアドの組み合わせは #c071a5 と #9f912d です。

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

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

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

#059fc2 は寒色系の色です。OKLCHでは色相 221度、明度 65.1%、クロマ 0.119 です。