# カラーコード #58afdf：鮮やかな 明るい空色

#58afdf はRGBで rgb(88, 175, 223)、OKLCHで oklch(71.941% 0.1091 235.24) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/58afdf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #58afdf |
| RGB | rgb(88, 175, 223) |
| HSL | hsl(201.33, 67.84%, 60.98%) |
| HSB / HSV | hsv(201.33 60.54% 87.45%) |
| HWB | hwb(201.33 34.51% 12.55%) |
| CMYK | cmyk(61% 22% 0% 13%) |
| Lab | lab(67.56 -16.46 -32.73) |
| LCH | lch(67.56 36.63 243.31) |
| OKLab | oklab(71.941% -0.0622 -0.08963) |
| OKLCH | oklch(71.941% 0.1091 235.24) |
| Display P3 | color(display-p3 0.43195 0.6783 0.85678) |
| Rec. 2020 | color(rec2020 0.47291 0.63614 0.83711) |
| Adobe RGB | color(a98-rgb 0.47208 0.68035 0.86406) |
| ProPhoto RGB | color(prophoto-rgb 0.50935 0.60509 0.81419) |
| 線形sRGB | color(srgb-linear 0.09759 0.42869 0.73791) |
| XYZ D65 | color(xyz-d65 0.32672 0.38061 0.75439) |
| XYZ D50 | color(xyz-d50 0.31324 0.37377 0.56992) |
| SwiftUI | Color(red: 0.345, green: 0.686, blue: 0.875) |
| UIKit | UIColor(red: 0.345, green: 0.686, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF58AFDF) |
| Android XML | #58AFDF |

## 基本情報

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

## ティント

#58afdf, #6bb7e3, #7dbfe6, #8ec7ea, #9fcfed, #afd7f0, #bfdff3, #cfe7f6, #dfeff9, #eff7fc

## シェード

#58afdf, #4b98c2, #3f81a5, #336b8a, #28566f, #1d4156, #122e3d, #091c27, #030b12, #000102

## トーン

#58afdf, #62aed9, #6cadd4, #74acce, #7cacc8, #84aac2, #8ba9bc, #91a8b6, #98a7b0, #9ea6aa

## カラーハーモニー

- 補色: #58afdf, #d9925f
- 分裂補色: #58afdf, #e18981, #c39f4d
- 類似色: #58afdf, #38b8c5, #83a3e9
- トライアド: #58afdf, #da87a7, #a2ad59
- テトラード: #58afdf, #aa96e2, #d9925f, #a2ad59
- スクエア: #58afdf, #c78cca, #d9925f, #77b77a
- モノクロマティック: #58afdf, #006692, #2f8ab8, #7fd6ff, #d4f8ff

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

### #58afdf は何色ですか？

#58afdf は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(88, 175, 223)、HSLでは hsl(201.33, 67.84%, 60.98%)、OKLCHでは oklch(71.941% 0.1091 235.24) です。

### #58afdf に合う色は？

#58afdf の補色は #d9925f です。落ち着いた組み合わせにするなら、類似色の #38b8c5 と #83a3e9 を使いましょう。トライアドの組み合わせは #da87a7 と #a2ad59 です。

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

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

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

#58afdf は寒色系の色です。OKLCHでは色相 235度、明度 71.9%、クロマ 0.109 です。