# カラーコード #81bbf2：鮮やかな 明るい青

#81bbf2 はRGBで rgb(129, 187, 242)、OKLCHで oklch(77.321% 0.0996 247.934) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/81bbf2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #81bbf2 |
| RGB | rgb(129, 187, 242) |
| HSL | hsl(209.2, 81.29%, 72.75%) |
| HSB / HSV | hsv(209.2 46.69% 94.9%) |
| HWB | hwb(209.2 50.59% 5.1%) |
| CMYK | cmyk(47% 23% 0% 5%) |
| Lab | lab(73.47 -8.42 -33.74) |
| LCH | lch(73.47 34.77 255.98) |
| OKLab | oklab(77.321% -0.03742 -0.0923) |
| OKLCH | oklch(77.321% 0.0996 247.934) |
| Display P3 | color(display-p3 0.55524 0.72721 0.93005) |
| Rec. 2020 | color(rec2020 0.57706 0.69242 0.91844) |
| Adobe RGB | color(a98-rgb 0.57715 0.72762 0.93954) |
| ProPhoto RGB | color(prophoto-rgb 0.60529 0.66564 0.90205) |
| 線形sRGB | color(srgb-linear 0.21953 0.49693 0.88792) |
| XYZ D65 | color(xyz-d65 0.42848 0.46617 0.90747) |
| XYZ D50 | color(xyz-d50 0.41416 0.45891 0.68536) |
| SwiftUI | Color(red: 0.506, green: 0.733, blue: 0.949) |
| UIKit | UIColor(red: 0.506, green: 0.733, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF81BBF2) |
| Android XML | #81BBF2 |

## 基本情報

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

## ティント

#81bbf2, #8ec2f4, #9bc9f5, #a7d0f7, #b4d7f8, #c1ddfa, #cde4fb, #d9ebfc, #e6f2fd, #f2f8fe

## シェード

#81bbf2, #6fa2d2, #5e8ab4, #4e7396, #3e5c79, #2e465e, #1f3243, #121f2b, #060d14, #010203

## トーン

#81bbf2, #87bbec, #8dbae6, #92bae0, #98b9da, #9db9d4, #a2b8ce, #a7b7c8, #acb7c2, #b0b6bb

## カラーハーモニー

- 補色: #81bbf2, #e0a96e
- 分裂補色: #81bbf2, #ed9f87, #c6b669
- 類似色: #81bbf2, #62c5df, #a6aff5
- トライアド: #81bbf2, #ec9aa9, #a3c27c
- テトラード: #81bbf2, #c7a4e7, #e0a96e, #a3c27c
- スクエア: #81bbf2, #df9dcb, #e0a96e, #7cc99d
- モノクロマティック: #81bbf2, #3971a3, #5c95ca, #b4e1ff, #e2f8ff

## #81bbf2 についてのよくある質問

### #81bbf2 は何色ですか？

#81bbf2 は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(129, 187, 242)、HSLでは hsl(209.2, 81.29%, 72.75%)、OKLCHでは oklch(77.321% 0.0996 247.934) です。

### #81bbf2 に合う色は？

#81bbf2 の補色は #e0a96e です。落ち着いた組み合わせにするなら、類似色の #62c5df と #a6aff5 を使いましょう。トライアドの組み合わせは #ec9aa9 と #a3c27c です。

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

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

### #81bbf2 は暖色と寒色のどちらですか？

#81bbf2 は寒色系の色です。OKLCHでは色相 248度、明度 77.3%、クロマ 0.1 です。