# カラーコード #82abfb：鮮やかな 明るい青

#82abfb はRGBで rgb(130, 171, 251)、OKLCHで oklch(74.417% 0.12471 262.986) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/82abfb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #82abfb |
| RGB | rgb(130, 171, 251) |
| HSL | hsl(219.67, 93.8%, 74.71%) |
| HSB / HSV | hsv(219.67 48.21% 98.43%) |
| HWB | hwb(219.67 50.98% 1.57%) |
| CMYK | cmyk(48% 32% 0% 2%) |
| Lab | lab(69.48 2.03 -44.76) |
| LCH | lch(69.48 44.81 272.6) |
| OKLab | oklab(74.417% -0.01523 -0.12378) |
| OKLCH | oklch(74.417% 0.12471 262.986) |
| Display P3 | color(display-p3 0.54288 0.66603 0.96012) |
| Rec. 2020 | color(rec2020 0.55524 0.62926 0.95091) |
| Adobe RGB | color(a98-rgb 0.55658 0.66466 0.97308) |
| ProPhoto RGB | color(prophoto-rgb 0.59115 0.6051 0.93531) |
| 線形sRGB | color(srgb-linear 0.22323 0.40724 0.96469) |
| XYZ D65 | color(xyz-d65 0.41179 0.40836 0.96982) |
| XYZ D50 | color(xyz-d50 0.39222 0.40009 0.73153) |
| SwiftUI | Color(red: 0.51, green: 0.671, blue: 0.984) |
| UIKit | UIColor(red: 0.51, green: 0.671, blue: 0.984, alpha: 1) |
| Flutter / Compose | Color(0xFF82ABFB) |
| Android XML | #82ABFB |

## 基本情報

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

## ティント

#82abfb, #8eb4fc, #9abcfd, #a7c5fe, #b3cdfe, #c0d6ff, #ccdeff, #d9e6ff, #e5efff, #f2f7ff

## シェード

#82abfb, #7094da, #5f7eba, #4e689c, #3e547e, #2f4061, #202d46, #121b2d, #060b15, #010103

## トーン

#82abfb, #86acf3, #8bacec, #8face4, #93acdc, #98add4, #9cadcc, #a0adc4, #a4acbc, #a8acb4

## カラーハーモニー

- 補色: #82abfb, #d2a444
- 分裂補色: #82abfb, #e9955d, #adb450
- 類似色: #82abfb, #4bb9ee, #af9cf4
- トライアド: #82abfb, #f18b87, #7bc077
- テトラード: #82abfb, #d290da, #d2a444, #7bc077
- スクエア: #82abfb, #e88ab3, #d2a444, #3fc5a5
- モノクロマティック: #82abfb, #3d61ab, #5f85d2, #b4d3ff, #e9f6ff

## #82abfb についてのよくある質問

### #82abfb は何色ですか？

#82abfb は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(130, 171, 251)、HSLでは hsl(219.67, 93.8%, 74.71%)、OKLCHでは oklch(74.417% 0.12471 262.986) です。

### #82abfb に合う色は？

#82abfb の補色は #d2a444 です。落ち着いた組み合わせにするなら、類似色の #4bb9ee と #af9cf4 を使いましょう。トライアドの組み合わせは #f18b87 と #7bc077 です。

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

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

### #82abfb は暖色と寒色のどちらですか？

#82abfb は寒色系の色です。OKLCHでは色相 263度、明度 74.4%、クロマ 0.125 です。