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

#00a0cd はRGBで rgb(0, 160, 205)、OKLCHで oklch(65.796% 0.12672 226.751) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #00a0cd |
| RGB | rgb(0, 160, 205) |
| HSL | hsl(193.17, 100%, 40.2%) |
| HSB / HSV | hsv(193.17 100% 80.39%) |
| HWB | hwb(193.17 0% 19.61%) |
| CMYK | cmyk(100% 22% 0% 20%) |
| Lab | lab(60.69 -23.8 -33.57) |
| LCH | lch(60.69 41.15 234.67) |
| OKLab | oklab(65.796% -0.08683 -0.0923) |
| OKLCH | oklch(65.796% 0.12672 226.751) |
| Display P3 | color(display-p3 0.27711 0.61792 0.78657) |
| Rec. 2020 | color(rec2020 0.3577 0.56836 0.75948) |
| Adobe RGB | color(a98-rgb 0.35122 0.62165 0.79263) |
| ProPhoto RGB | color(prophoto-rgb 0.41109 0.53489 0.73157) |
| 線形sRGB | color(srgb-linear 0 0.35153 0.6105) |
| XYZ D65 | color(xyz-d65 0.23589 0.29548 0.6222) |
| XYZ D50 | color(xyz-d50 0.22274 0.28902 0.47008) |
| SwiftUI | Color(red: 0, green: 0.627, blue: 0.804) |
| UIKit | UIColor(red: 0, green: 0.627, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF00A0CD) |
| Android XML | #00A0CD |

## 基本情報

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

## ティント

#00a0cd, #3baad2, #58b3d8, #70bddd, #86c7e2, #9bd0e7, #b0daec, #c4e3f1, #d8ecf6, #ebf6fa

## シェード

#00a0cd, #008bb2, #007698, #00617e, #004e66, #003b4e, #002938, #001923, #00090f, #000102

## トーン

#00a0cd, #2d9fc7, #419ec1, #509dbc, #5c9bb6, #679ab0, #7198aa, #7a97a4, #82959e, #8a9398

## カラーハーモニー

- 補色: #00a0cd, #d07749
- 分裂補色: #00a0cd, #d36f76, #bd8623
- 類似色: #00a0cd, #00a8ac, #5c93de
- トライアド: #00a0cd, #c970a1, #9b9628
- テトラード: #00a0cd, #8d84db, #d07749, #9b9628
- スクエア: #00a0cd, #b078c5, #d07749, #6ba352
- モノクロマティック: #00a0cd, #005677, #007ba6, #49c7f5, #99eaff

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

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

#00a0cd は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(0, 160, 205)、HSLでは hsl(193.17, 100%, 40.2%)、OKLCHでは oklch(65.796% 0.12672 226.751) です。

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

#00a0cd の補色は #d07749 です。落ち着いた組み合わせにするなら、類似色の #00a8ac と #5c93de を使いましょう。トライアドの組み合わせは #c970a1 と #9b9628 です。

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

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

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

#00a0cd は寒色系の色です。OKLCHでは色相 227度、明度 65.8%、クロマ 0.127 です。