# カラーコード #6db0ee：鮮やかな 明るい青

#6db0ee はRGBで rgb(109, 176, 238)、OKLCHで oklch(73.751% 0.11341 247.799) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6db0ee |
| RGB | rgb(109, 176, 238) |
| HSL | hsl(208.84, 79.14%, 68.04%) |
| HSB / HSV | hsv(208.84 54.2% 93.33%) |
| HWB | hwb(208.84 42.75% 6.67%) |
| CMYK | cmyk(54% 26% 0% 7%) |
| Lab | lab(69.26 -8.74 -38.17) |
| LCH | lch(69.26 39.15 257.1) |
| OKLab | oklab(73.751% -0.04285 -0.10501) |
| OKLCH | oklch(73.751% 0.11341 247.799) |
| Display P3 | color(display-p3 0.48772 0.68348 0.91258) |
| Rec. 2020 | color(rec2020 0.51656 0.64431 0.89857) |
| Adobe RGB | color(a98-rgb 0.51566 0.68428 0.92262) |
| ProPhoto RGB | color(prophoto-rgb 0.55317 0.61623 0.87949) |
| 線形sRGB | color(srgb-linear 0.15293 0.43415 0.85499) |
| XYZ D65 | color(xyz-d65 0.37262 0.40474 0.8674) |
| XYZ D50 | color(xyz-d50 0.35623 0.39709 0.65483) |
| SwiftUI | Color(red: 0.427, green: 0.69, blue: 0.933) |
| UIKit | UIColor(red: 0.427, green: 0.69, blue: 0.933, alpha: 1) |
| Flutter / Compose | Color(0xFF6DB0EE) |
| Android XML | #6DB0EE |

## 基本情報

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

## ティント

#6db0ee, #7cb8f0, #8bc0f2, #9ac8f4, #a9d0f6, #b7d8f8, #c5e0fa, #d4e8fb, #e2effd, #f1f7fe

## シェード

#6db0ee, #5e99cf, #4f82b1, #416c93, #335677, #26425c, #192e42, #0d1c2a, #040b14, #010103

## トーン

#6db0ee, #74b0e7, #7bafe1, #82afda, #88aed3, #8eaecd, #94adc6, #9aacbf, #9facb8, #a5abb1

## カラーハーモニー

- 補色: #6db0ee, #d99c56
- 分裂補色: #6db0ee, #e79075, #bdab50
- 類似色: #6db0ee, #41bbd9, #99a3f1
- トライアド: #6db0ee, #e78b9d, #96b868
- テトラード: #6db0ee, #be96e1, #d99c56, #96b868
- スクエア: #6db0ee, #d88ec3, #d99c56, #66c08e
- モノクロマティック: #6db0ee, #21669f, #488ac6, #9dd6ff, #e2f8ff

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

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

#6db0ee は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(109, 176, 238)、HSLでは hsl(208.84, 79.14%, 68.04%)、OKLCHでは oklch(73.751% 0.11341 247.799) です。

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

#6db0ee の補色は #d99c56 です。落ち着いた組み合わせにするなら、類似色の #41bbd9 と #99a3f1 を使いましょう。トライアドの組み合わせは #e78b9d と #96b868 です。

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

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

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

#6db0ee は寒色系の色です。OKLCHでは色相 248度、明度 73.8%、クロマ 0.113 です。