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

#2fbce7 はRGBで rgb(47, 188, 231)、OKLCHで oklch(74.174% 0.12855 223.912) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/2fbce7

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2fbce7 |
| RGB | rgb(47, 188, 231) |
| HSL | hsl(194.02, 79.31%, 54.51%) |
| HSB / HSV | hsv(194.02 79.65% 90.59%) |
| HWB | hwb(194.02 18.43% 9.41%) |
| CMYK | cmyk(80% 19% 0% 9%) |
| Lab | lab(70.54 -26.72 -32.6) |
| LCH | lch(70.54 42.15 230.66) |
| OKLab | oklab(74.174% -0.09261 -0.08916) |
| OKLCH | oklch(74.174% 0.12855 223.912) |
| Display P3 | color(display-p3 0.36977 0.72682 0.88832) |
| Rec. 2020 | color(rec2020 0.45463 0.68593 0.87252) |
| Adobe RGB | color(a98-rgb 0.43902 0.73157 0.89676) |
| ProPhoto RGB | color(prophoto-rgb 0.506 0.65316 0.85308) |
| 線形sRGB | color(srgb-linear 0.02843 0.50289 0.7991) |
| XYZ D65 | color(xyz-d65 0.33577 0.42338 0.82006) |
| XYZ D50 | color(xyz-d50 0.32042 0.41528 0.61986) |
| SwiftUI | Color(red: 0.184, green: 0.737, blue: 0.906) |
| UIKit | UIColor(red: 0.184, green: 0.737, blue: 0.906, alpha: 1) |
| Flutter / Compose | Color(0xFF2FBCE7) |
| Android XML | #2FBCE7 |

## 基本情報

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

## ティント

#2fbce7, #51c3ea, #6acaec, #80d1ef, #94d8f2, #a7def4, #b9e5f6, #cbecf9, #ddf2fb, #eef9fd

## シェード

#2fbce7, #27a3c9, #208bab, #19738f, #125d73, #0c4759, #063240, #031f28, #010d13, #000203

## トーン

#2fbce7, #47bbe1, #59b9db, #67b8d5, #73b6d0, #7eb5ca, #88b3c4, #92b1be, #9bafb8, #a3adb1

## カラーハーモニー

- 補色: #2fbce7, #ee8f66
- 分裂補色: #2fbce7, #f18893, #db9e43
- 類似色: #2fbce7, #00c4c3, #70affb
- トライアド: #2fbce7, #e489bf, #b9af43
- テトラード: #2fbce7, #a29ff9, #ee8f66, #b9af43
- スクエア: #2fbce7, #c992e4, #ee8f66, #89bd67
- モノクロマティック: #2fbce7, #007094, #0096bf, #6ae3ff, #d4fdff

## #2fbce7 についてのよくある質問

### #2fbce7 は何色ですか？

#2fbce7 は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(47, 188, 231)、HSLでは hsl(194.02, 79.31%, 54.51%)、OKLCHでは oklch(74.174% 0.12855 223.912) です。

### #2fbce7 に合う色は？

#2fbce7 の補色は #ee8f66 です。落ち着いた組み合わせにするなら、類似色の #00c4c3 と #70affb を使いましょう。トライアドの組み合わせは #e489bf と #b9af43 です。

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

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

### #2fbce7 は暖色と寒色のどちらですか？

#2fbce7 は寒色系の色です。OKLCHでは色相 224度、明度 74.2%、クロマ 0.129 です。