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

#1bbade はRGBで rgb(27, 186, 222)、OKLCHで oklch(73.027% 0.12799 218.997) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/1bbade

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #1bbade |
| RGB | rgb(27, 186, 222) |
| HSL | hsl(191.08, 78.31%, 48.82%) |
| HSB / HSV | hsv(191.08 87.84% 87.06%) |
| HWB | hwb(191.08 10.59% 12.94%) |
| CMYK | cmyk(88% 16% 0% 13%) |
| Lab | lab(69.38 -29.81 -29.54) |
| LCH | lch(69.38 41.97 224.74) |
| OKLab | oklab(73.027% -0.09947 -0.08054) |
| OKLCH | oklch(73.027% 0.12799 218.997) |
| Display P3 | color(display-p3 0.3427 0.7187 0.85476) |
| Rec. 2020 | color(rec2020 0.43376 0.67623 0.83554) |
| Adobe RGB | color(a98-rgb 0.41912 0.72367 0.86158) |
| ProPhoto RGB | color(prophoto-rgb 0.48375 0.64214 0.81381) |
| 線形sRGB | color(srgb-linear 0.01096 0.49102 0.73046) |
| XYZ D65 | color(xyz-d65 0.31194 0.40623 0.75307) |
| XYZ D50 | color(xyz-d50 0.29841 0.39873 0.56944) |
| SwiftUI | Color(red: 0.106, green: 0.729, blue: 0.871) |
| UIKit | UIColor(red: 0.106, green: 0.729, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF1BBADE) |
| Android XML | #1BBADE |

## 基本情報

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

## ティント

#1bbade, #47c1e2, #63c8e5, #7bcfe9, #90d6ec, #a3ddef, #b7e4f3, #c9ebf6, #dbf2f9, #edf8fc

## シェード

#1bbade, #16a1c1, #1189a5, #0c7289, #085c6f, #054655, #02323d, #011e26, #000d12, #000202

## トーン

#1bbade, #3cb9d9, #51b7d3, #60b5ce, #6eb4c9, #79b2c3, #84b0be, #8eaeb8, #97acb3, #9faaad

## カラーハーモニー

- 補色: #1bbade, #ec8a6a
- 分裂補色: #1bbade, #eb8497, #db9844
- 類似色: #1bbade, #00c1b8, #63adf5
- トライアド: #1bbade, #dc87c2, #bca93c
- テトラード: #1bbade, #979ef7, #ec8a6a, #bca93c
- スクエア: #1bbade, #bf91e5, #ec8a6a, #8fb75c
- モノクロマティック: #1bbade, #006e8a, #0094b7, #57e1ff, #cffeff

## #1bbade についてのよくある質問

### #1bbade は何色ですか？

#1bbade は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(27, 186, 222)、HSLでは hsl(191.08, 78.31%, 48.82%)、OKLCHでは oklch(73.027% 0.12799 218.997) です。

### #1bbade に合う色は？

#1bbade の補色は #ec8a6a です。落ち着いた組み合わせにするなら、類似色の #00c1b8 と #63adf5 を使いましょう。トライアドの組み合わせは #dc87c2 と #bca93c です。

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

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

### #1bbade は暖色と寒色のどちらですか？

#1bbade は寒色系の色です。OKLCHでは色相 219度、明度 73%、クロマ 0.128 です。