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

#3abcdc はRGBで rgb(58, 188, 220)、OKLCHで oklch(73.926% 0.11789 218.192) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/3abcdc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #3abcdc |
| RGB | rgb(58, 188, 220) |
| HSL | hsl(191.85, 69.83%, 54.51%) |
| HSB / HSV | hsv(191.85 73.64% 86.27%) |
| HWB | hwb(191.85 22.75% 13.73%) |
| CMYK | cmyk(74% 15% 0% 14%) |
| Lab | lab(70.41 -28.26 -26.83) |
| LCH | lch(70.41 38.97 223.52) |
| OKLab | oklab(73.926% -0.09265 -0.07289) |
| OKLCH | oklch(73.926% 0.11789 218.192) |
| Display P3 | color(display-p3 0.38721 0.72713 0.84821) |
| Rec. 2020 | color(rec2020 0.46043 0.68594 0.82847) |
| Adobe RGB | color(a98-rgb 0.45095 0.73157 0.85411) |
| ProPhoto RGB | color(prophoto-rgb 0.50179 0.6524 0.80667) |
| 線形sRGB | color(srgb-linear 0.04231 0.50289 0.71569) |
| XYZ D65 | color(xyz-d65 0.32644 0.42031 0.74105) |
| XYZ D50 | color(xyz-d50 0.31454 0.41331 0.56049) |
| SwiftUI | Color(red: 0.227, green: 0.737, blue: 0.863) |
| UIKit | UIColor(red: 0.227, green: 0.737, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFF3ABCDC) |
| Android XML | #3ABCDC |

## 基本情報

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

## ティント

#3abcdc, #57c3e0, #6fcae3, #83d1e7, #97d7eb, #a9deee, #bbe5f2, #ccebf5, #ddf2f8, #eef9fc

## シェード

#3abcdc, #31a3bf, #288ba3, #207388, #185d6e, #104754, #09323c, #041f26, #010d11, #000202

## トーン

#3abcdc, #4ebbd7, #5db9d2, #6ab7cd, #76b6c9, #80b4c4, #8ab2bf, #92b0ba, #9bafb5, #a3adb0

## カラーハーモニー

- 補色: #3abcdc, #ea8f73
- 分裂補色: #3abcdc, #ea8a9c, #db9c52
- 類似色: #3abcdc, #32c2b9, #6bb0f1
- トライアド: #3abcdc, #db8dc4, #beab4c
- テトラード: #3abcdc, #9aa3f4, #ea8f73, #beab4c
- スクエア: #3abcdc, #bf96e4, #ea8f73, #95b965
- モノクロマティック: #3abcdc, #00718d, #0096b5, #69e3ff, #ceffff

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

### #3abcdc は何色ですか？

#3abcdc は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(58, 188, 220)、HSLでは hsl(191.85, 69.83%, 54.51%)、OKLCHでは oklch(73.926% 0.11789 218.192) です。

### #3abcdc に合う色は？

#3abcdc の補色は #ea8f73 です。落ち着いた組み合わせにするなら、類似色の #32c2b9 と #6bb0f1 を使いましょう。トライアドの組み合わせは #db8dc4 と #beab4c です。

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

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

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

#3abcdc は寒色系の色です。OKLCHでは色相 218度、明度 73.9%、クロマ 0.118 です。