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

#00a5ef はRGBで rgb(0, 165, 239)、OKLCHで oklch(68.704% 0.15513 239.139) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/00a5ef

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #00a5ef |
| RGB | rgb(0, 165, 239) |
| HSL | hsl(198.58, 100%, 46.86%) |
| HSB / HSV | hsv(198.58 100% 93.73%) |
| HWB | hwb(198.58 0% 6.27%) |
| CMYK | cmyk(100% 31% 0% 6%) |
| Lab | lab(63.51 -16.26 -47.9) |
| LCH | lch(63.51 50.58 251.25) |
| OKLab | oklab(68.704% -0.07957 -0.13317) |
| OKLCH | oklch(68.704% 0.15513 239.139) |
| Display P3 | color(display-p3 0.28665 0.63725 0.91289) |
| Rec. 2020 | color(rec2020 0.38435 0.59119 0.89841) |
| Adobe RGB | color(a98-rgb 0.36224 0.64117 0.92534) |
| ProPhoto RGB | color(prophoto-rgb 0.45835 0.56071 0.87806) |
| 線形sRGB | color(srgb-linear 0 0.37626 0.86316) |
| XYZ D65 | color(xyz-d65 0.29033 0.3314 0.86531) |
| XYZ D50 | color(xyz-d50 0.26842 0.32206 0.65291) |
| SwiftUI | Color(red: 0, green: 0.647, blue: 0.937) |
| UIKit | UIColor(red: 0, green: 0.647, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFF00A5EF) |
| Android XML | #00A5EF |

## 基本情報

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

## ティント

#00a5ef, #3caff1, #59b8f4, #72c1f6, #88caf8, #9dd3f9, #b1dcfb, #c5e5fc, #d8eefd, #ecf6fe

## シェード

#00a5ef, #008fd0, #0079b1, #006594, #005178, #003d5c, #002b42, #001a2a, #000a14, #000103

## トーン

#00a5ef, #2fa5e7, #44a4df, #54a3d6, #61a2ce, #6ca1c6, #77a0bd, #809fb5, #8a9eac, #929ca3

## カラーハーモニー

- 補色: #00a5ef, #df7f1a
- 分裂補色: #00a5ef, #eb7060, #c19300
- 類似色: #00a5ef, #00b0c8, #7493fa
- トライアド: #00a5ef, #e46c98, #90a719
- テトラード: #00a5ef, #a982ec, #df7f1a, #90a719
- スクエア: #00a5ef, #ce74c9, #df7f1a, #46b463
- モノクロマティック: #00a5ef, #005b93, #007fc6, #63cbff, #c1eeff

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

### #00a5ef は何色ですか？

#00a5ef は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(0, 165, 239)、HSLでは hsl(198.58, 100%, 46.86%)、OKLCHでは oklch(68.704% 0.15513 239.139) です。

### #00a5ef に合う色は？

#00a5ef の補色は #df7f1a です。落ち着いた組み合わせにするなら、類似色の #00b0c8 と #7493fa を使いましょう。トライアドの組み合わせは #e46c98 と #90a719 です。

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

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

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

#00a5ef は寒色系の色です。OKLCHでは色相 239度、明度 68.7%、クロマ 0.155 です。