# カラーコード #71aefd：鮮やかな 明るい青

#71aefd はRGBで rgb(113, 174, 253)、OKLCHで oklch(74.235% 0.13146 255.419) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/71aefd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #71aefd |
| RGB | rgb(113, 174, 253) |
| HSL | hsl(213.86, 97.22%, 71.76%) |
| HSB / HSV | hsv(213.86 55.34% 99.22%) |
| HWB | hwb(213.86 44.31% 0.78%) |
| CMYK | cmyk(55% 31% 0% 1%) |
| Lab | lab(69.45 -3.17 -45.96) |
| LCH | lch(69.45 46.07 266.05) |
| OKLab | oklab(74.235% -0.03309 -0.12722) |
| OKLCH | oklch(74.235% 0.13146 255.419) |
| Display P3 | color(display-p3 0.49666 0.6761 0.96758) |
| Rec. 2020 | color(rec2020 0.5261 0.63812 0.95934) |
| Adobe RGB | color(a98-rgb 0.52129 0.67642 0.98126) |
| ProPhoto RGB | color(prophoto-rgb 0.57144 0.61235 0.94471) |
| 線形sRGB | color(srgb-linear 0.16513 0.42327 0.98225) |
| XYZ D65 | color(xyz-d65 0.39673 0.40873 0.9873) |
| XYZ D50 | color(xyz-d50 0.37557 0.39972 0.74482) |
| SwiftUI | Color(red: 0.443, green: 0.682, blue: 0.992) |
| UIKit | UIColor(red: 0.443, green: 0.682, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF71AEFD) |
| Android XML | #71AEFD |

## 基本情報

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

## ティント

#71aefd, #80b6fe, #8ebfff, #9cc7ff, #aacfff, #b8d7ff, #c6dfff, #d5e7ff, #e3efff, #f1f7ff

## シェード

#71aefd, #6197dc, #5280bc, #436a9d, #35557f, #274162, #1a2e47, #0e1c2d, #040b16, #010103

## トーン

#71aefd, #78aef5, #7eaeed, #84aee5, #8aaedd, #90aed5, #96aecd, #9badc5, #a1adbc, #a6acb4

## カラーハーモニー

- 補色: #71aefd, #db9f3e
- 分裂補色: #71aefd, #ef8f62, #b8b040
- 類似色: #71aefd, #2cbcea, #a49ffb
- トライアド: #71aefd, #f38790, #86be67
- テトラード: #71aefd, #cb91e4, #db9f3e, #86be67
- スクエア: #71aefd, #e688be, #db9f3e, #45c597
- モノクロマティック: #71aefd, #2864ad, #4d88d4, #aad5ff, #e6f7ff

## #71aefd についてのよくある質問

### #71aefd は何色ですか？

#71aefd は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(113, 174, 253)、HSLでは hsl(213.86, 97.22%, 71.76%)、OKLCHでは oklch(74.235% 0.13146 255.419) です。

### #71aefd に合う色は？

#71aefd の補色は #db9f3e です。落ち着いた組み合わせにするなら、類似色の #2cbcea と #a49ffb を使いましょう。トライアドの組み合わせは #f38790 と #86be67 です。

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

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

### #71aefd は暖色と寒色のどちらですか？

#71aefd は寒色系の色です。OKLCHでは色相 255度、明度 74.2%、クロマ 0.131 です。