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

#6fbeee はRGBで rgb(111, 190, 238)、OKLCHで oklch(76.924% 0.10407 236.925) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/6fbeee

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6fbeee |
| RGB | rgb(111, 190, 238) |
| HSL | hsl(202.68, 78.88%, 68.43%) |
| HSB / HSV | hsv(202.68 53.36% 93.33%) |
| HWB | hwb(202.68 43.53% 6.67%) |
| CMYK | cmyk(53% 20% 0% 7%) |
| Lab | lab(73.31 -15.19 -31.94) |
| LCH | lch(73.31 35.37 244.56) |
| OKLab | oklab(76.924% -0.05679 -0.0872) |
| OKLCH | oklch(76.924% 0.10407 236.925) |
| Display P3 | color(display-p3 0.50867 0.7374 0.91552) |
| Rec. 2020 | color(rec2020 0.5462 0.70121 0.90258) |
| Adobe RGB | color(a98-rgb 0.54233 0.73948 0.92428) |
| ProPhoto RGB | color(prophoto-rgb 0.57931 0.67241 0.88539) |
| 線形sRGB | color(srgb-linear 0.15896 0.51492 0.85499) |
| XYZ D65 | color(xyz-d65 0.40399 0.46378 0.87715) |
| XYZ D50 | color(xyz-d50 0.38997 0.45633 0.66275) |
| SwiftUI | Color(red: 0.435, green: 0.745, blue: 0.933) |
| UIKit | UIColor(red: 0.435, green: 0.745, blue: 0.933, alpha: 1) |
| Flutter / Compose | Color(0xFF6FBEEE) |
| Android XML | #6FBEEE |

## 基本情報

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

## ティント

#6fbeee, #7fc5f0, #8ecbf2, #9dd2f4, #abd8f6, #b9dff8, #c8e5f9, #d5ecfb, #e3f2fc, #f1f9fe

## シェード

#6fbeee, #60a5cf, #518cb1, #427593, #345e77, #27485c, #1a3342, #0e1f2a, #040d14, #010203

## トーン

#6fbeee, #78bde8, #80bce3, #87bcdd, #8ebbd7, #95bad1, #9cb9cc, #a2b7c6, #a8b6c0, #aeb5ba

## カラーハーモニー

- 補色: #6fbeee, #e7a371
- 分裂補色: #6fbeee, #ef9a90, #d1b062
- 類似色: #6fbeee, #55c7d5, #96b2f7
- トライアド: #6fbeee, #ea98b5, #afbd6e
- テトラード: #6fbeee, #bba6ef, #e7a371, #afbd6e
- スクエア: #6fbeee, #d79cd7, #e7a371, #87c68d
- モノクロマティック: #6fbeee, #1e73a0, #4898c6, #a3e4ff, #ddfaff

## #6fbeee についてのよくある質問

### #6fbeee は何色ですか？

#6fbeee は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(111, 190, 238)、HSLでは hsl(202.68, 78.88%, 68.43%)、OKLCHでは oklch(76.924% 0.10407 236.925) です。

### #6fbeee に合う色は？

#6fbeee の補色は #e7a371 です。落ち着いた組み合わせにするなら、類似色の #55c7d5 と #96b2f7 を使いましょう。トライアドの組み合わせは #ea98b5 と #afbd6e です。

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

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

### #6fbeee は暖色と寒色のどちらですか？

#6fbeee は寒色系の色です。OKLCHでは色相 237度、明度 76.9%、クロマ 0.104 です。