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

#3ec6eb はRGBで rgb(62, 198, 235)、OKLCHで oklch(76.99% 0.12434 220.298) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #3ec6eb |
| RGB | rgb(62, 198, 235) |
| HSL | hsl(192.83, 81.22%, 58.24%) |
| HSB / HSV | hsv(192.83 73.62% 92.16%) |
| HWB | hwb(192.83 24.31% 7.84%) |
| CMYK | cmyk(74% 16% 0% 8%) |
| Lab | lab(73.93 -28.47 -29.55) |
| LCH | lch(73.93 41.03 226.06) |
| OKLab | oklab(76.99% -0.09483 -0.08042) |
| OKLCH | oklch(76.99% 0.12434 220.298) |
| Display P3 | color(display-p3 0.40985 0.76586 0.9054) |
| Rec. 2020 | color(rec2020 0.49208 0.72825 0.89191) |
| Adobe RGB | color(a98-rgb 0.47588 0.77118 0.91362) |
| ProPhoto RGB | color(prophoto-rgb 0.53898 0.69642 0.87495) |
| 線形sRGB | color(srgb-linear 0.04817 0.56471 0.83077) |
| XYZ D65 | color(xyz-d65 0.37174 0.47408 0.85792) |
| XYZ D50 | color(xyz-d50 0.35737 0.46591 0.64875) |
| SwiftUI | Color(red: 0.243, green: 0.776, blue: 0.922) |
| UIKit | UIColor(red: 0.243, green: 0.776, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF3EC6EB) |
| Android XML | #3EC6EB |

## 基本情報

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

## ティント

#3ec6eb, #5bcced, #72d2f0, #87d8f2, #9adef4, #ace3f6, #bde9f8, #ceeffa, #dff4fc, #effafd

## シェード

#3ec6eb, #35accc, #2b92ae, #237a91, #1a6275, #124b5b, #0a3541, #042129, #010e13, #000203

## トーン

#3ec6eb, #53c5e6, #63c3e0, #71c1db, #7dc0d5, #87bed0, #91bcca, #9bbac5, #a4b8bf, #acb6ba

## カラーハーモニー

- 補色: #3ec6eb, #f79876
- 分裂補色: #3ec6eb, #f891a2, #e6a554
- 類似色: #3ec6eb, #2ecdc6, #74b9ff
- トライアド: #3ec6eb, #e994cd, #c6b64f
- テトラード: #3ec6eb, #a5abff, #f79876, #c6b64f
- スクエア: #3ec6eb, #cd9def, #f79876, #99c46d
- モノクロマティック: #3ec6eb, #007a9b, #00a0c3, #80ecff, #d0feff

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

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

#3ec6eb は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(62, 198, 235)、HSLでは hsl(192.83, 81.22%, 58.24%)、OKLCHでは oklch(76.99% 0.12434 220.298) です。

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

#3ec6eb の補色は #f79876 です。落ち着いた組み合わせにするなら、類似色の #2ecdc6 と #74b9ff を使いましょう。トライアドの組み合わせは #e994cd と #c6b64f です。

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

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

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

#3ec6eb は寒色系の色です。OKLCHでは色相 220度、明度 77%、クロマ 0.124 です。