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

#057293 はRGBで rgb(5, 114, 147)、OKLCHで oklch(51.514% 0.09822 226.987) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/057293

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #057293 |
| RGB | rgb(5, 114, 147) |
| HSL | hsl(193.94, 93.42%, 29.8%) |
| HSB / HSV | hsv(193.94 96.6% 57.65%) |
| HWB | hwb(193.94 1.96% 42.35%) |
| CMYK | cmyk(97% 22% 0% 42%) |
| Lab | lab(44.04 -18.36 -26.12) |
| LCH | lch(44.04 31.93 234.9) |
| OKLab | oklab(51.514% -0.067 -0.07182) |
| OKLCH | oklch(51.514% 0.09822 226.987) |
| Display P3 | color(display-p3 0.19352 0.44011 0.56376) |
| Rec. 2020 | color(rec2020 0.23076 0.3801 0.51677) |
| Adobe RGB | color(a98-rgb 0.25381 0.44469 0.5666) |
| ProPhoto RGB | color(prophoto-rgb 0.27417 0.3554 0.48548) |
| 線形sRGB | color(srgb-linear 0.00152 0.16827 0.29177) |
| XYZ D65 | color(xyz-d65 0.11346 0.14173 0.29742) |
| XYZ D50 | color(xyz-d50 0.10722 0.13865 0.22471) |
| SwiftUI | Color(red: 0.02, green: 0.447, blue: 0.576) |
| UIKit | UIColor(red: 0.02, green: 0.447, blue: 0.576, alpha: 1) |
| Flutter / Compose | Color(0xFF057293) |
| Android XML | #057293 |

## 基本情報

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

## ティント

#057293, #31809e, #4c8da8, #639bb3, #7aa9be, #90b7c9, #a6c5d4, #bcd4de, #d2e2e9, #e9f0f4

## シェード

#057293, #04627f, #03536c, #024459, #013647, #012836, #001b25, #000e16, #000408, #000101

## トーン

#057293, #1f718f, #2d708b, #387086, #416f82, #486e7e, #506c79, #566b75, #5c6a70, #62696c

## カラーハーモニー

- 補色: #057293, #955433
- 分裂補色: #057293, #984e53, #875f17
- 類似色: #057293, #00787b, #41689f
- トライアド: #057293, #904f72, #6e6b1b
- テトラード: #057293, #645e9d, #955433, #6e6b1b
- スクエア: #057293, #7e558d, #955433, #4b743a
- モノクロマティック: #057293, #002e44, #004f6f, #3d96b9, #65bce0

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

### #057293 は何色ですか？

#057293 は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(5, 114, 147)、HSLでは hsl(193.94, 93.42%, 29.8%)、OKLCHでは oklch(51.514% 0.09822 226.987) です。

### #057293 に合う色は？

#057293 の補色は #955433 です。落ち着いた組み合わせにするなら、類似色の #00787b と #41689f を使いましょう。トライアドの組み合わせは #904f72 と #6e6b1b です。

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

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

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

#057293 は寒色系の色です。OKLCHでは色相 227度、明度 51.5%、クロマ 0.098 です。