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

#71ccfb はRGBで rgb(113, 204, 251)、OKLCHで oklch(80.657% 0.10962 232.88) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #71ccfb |
| RGB | rgb(113, 204, 251) |
| HSL | hsl(200.43, 94.52%, 71.37%) |
| HSB / HSV | hsv(200.43 54.98% 98.43%) |
| HWB | hwb(200.43 44.31% 1.57%) |
| CMYK | cmyk(55% 19% 0% 2%) |
| Lab | lab(77.76 -18.46 -32.06) |
| LCH | lch(77.76 37 240.07) |
| OKLab | oklab(80.657% -0.06616 -0.08741) |
| OKLCH | oklch(80.657% 0.10962 232.88) |
| Display P3 | color(display-p3 0.53015 0.79135 0.96624) |
| Rec. 2020 | color(rec2020 0.58099 0.75942 0.95942) |
| Adobe RGB | color(a98-rgb 0.56967 0.79502 0.97687) |
| ProPhoto RGB | color(prophoto-rgb 0.61951 0.73237 0.94822) |
| 線形sRGB | color(srgb-linear 0.16513 0.60383 0.96469) |
| XYZ D65 | color(xyz-d65 0.45813 0.53659 0.99213) |
| XYZ D50 | color(xyz-d50 0.4426 0.5281 0.7498) |
| SwiftUI | Color(red: 0.443, green: 0.8, blue: 0.984) |
| UIKit | UIColor(red: 0.443, green: 0.8, blue: 0.984, alpha: 1) |
| Flutter / Compose | Color(0xFF71CCFB) |
| Android XML | #71CCFB |

## 基本情報

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

## ティント

#71ccfb, #81d1fc, #91d7fc, #a0dcfd, #aee1fe, #bce6fe, #caebfe, #d7f0ff, #e5f5ff, #f2faff

## シェード

#71ccfb, #61b1da, #5297ba, #437e9c, #35657e, #274e61, #1a3746, #0e222d, #040f15, #010203

## トーン

#71ccfb, #7bcbf5, #85caef, #8dc9ea, #95c8e4, #9dc7de, #a5c5d8, #acc4d2, #b3c3cc, #b9c1c6

## カラーハーモニー

- 補色: #71ccfb, #f8ac7c
- 分裂補色: #71ccfb, #ffa39f, #e2b969
- 類似色: #71ccfb, #59d5df, #9ac0ff
- トライアド: #71ccfb, #f7a2c6, #c0c872
- テトラード: #71ccfb, #c2b3ff, #f8ac7c, #c0c872
- スクエア: #71ccfb, #e2a8e9, #f8ac7c, #95d291
- モノクロマティック: #71ccfb, #1980ac, #49a5d3, #baefff, #dafbff

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

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

#71ccfb は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(113, 204, 251)、HSLでは hsl(200.43, 94.52%, 71.37%)、OKLCHでは oklch(80.657% 0.10962 232.88) です。

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

#71ccfb の補色は #f8ac7c です。落ち着いた組み合わせにするなら、類似色の #59d5df と #9ac0ff を使いましょう。トライアドの組み合わせは #f7a2c6 と #c0c872 です。

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

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

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

#71ccfb は寒色系の色です。OKLCHでは色相 233度、明度 80.7%、クロマ 0.11 です。