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

#29aedf はRGBで rgb(41, 174, 223)、OKLCHで oklch(70.41% 0.12875 228.83) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/29aedf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #29aedf |
| RGB | rgb(41, 174, 223) |
| HSL | hsl(196.15, 73.98%, 51.76%) |
| HSB / HSV | hsv(196.15 81.61% 87.45%) |
| HWB | hwb(196.15 16.08% 12.55%) |
| CMYK | cmyk(82% 22% 0% 13%) |
| Lab | lab(65.99 -22.99 -35.27) |
| LCH | lch(65.99 42.1 236.9) |
| OKLab | oklab(70.41% -0.08475 -0.09692) |
| OKLCH | oklch(70.41% 0.12875 228.83) |
| Display P3 | color(display-p3 0.33782 0.6726 0.85588) |
| Rec. 2020 | color(rec2020 0.41546 0.62784 0.83608) |
| Adobe RGB | color(a98-rgb 0.40425 0.67642 0.86394) |
| ProPhoto RGB | color(prophoto-rgb 0.46827 0.59493 0.81293) |
| 線形sRGB | color(srgb-linear 0.02217 0.42327 0.73791) |
| XYZ D65 | color(xyz-d65 0.29368 0.36069 0.75229) |
| XYZ D50 | color(xyz-d50 0.27827 0.3531 0.56834) |
| SwiftUI | Color(red: 0.161, green: 0.682, blue: 0.875) |
| UIKit | UIColor(red: 0.161, green: 0.682, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF29AEDF) |
| Android XML | #29AEDF |

## 基本情報

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

## ティント

#29aedf, #4bb6e3, #65bfe6, #7bc7ea, #8fcfed, #a3d7f0, #b6dff3, #c8e7f6, #dbeff9, #edf7fc

## シェード

#29aedf, #2297c2, #1c80a5, #156a8a, #0f556f, #094156, #052e3d, #021c27, #010b12, #000102

## トーン

#29aedf, #40add9, #51acd3, #5fabcc, #6aa9c6, #75a8c0, #7fa6ba, #87a5b3, #90a3ad, #98a1a6

## カラーハーモニー

- 補色: #29aedf, #df8553
- 分裂補色: #29aedf, #e57c80, #ca9531
- 類似色: #29aedf, #00b7be, #6da0ef
- トライアド: #29aedf, #da7dad, #a7a639
- テトラード: #29aedf, #9d91eb, #df8553, #a7a639
- スクエア: #29aedf, #c284d3, #df8553, #75b362
- モノクロマティック: #29aedf, #00638b, #0088b8, #5bd5ff, #c3f5ff

## #29aedf についてのよくある質問

### #29aedf は何色ですか？

#29aedf は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(41, 174, 223)、HSLでは hsl(196.15, 73.98%, 51.76%)、OKLCHでは oklch(70.41% 0.12875 228.83) です。

### #29aedf に合う色は？

#29aedf の補色は #df8553 です。落ち着いた組み合わせにするなら、類似色の #00b7be と #6da0ef を使いましょう。トライアドの組み合わせは #da7dad と #a7a639 です。

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

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

### #29aedf は暖色と寒色のどちらですか？

#29aedf は寒色系の色です。OKLCHでは色相 229度、明度 70.4%、クロマ 0.129 です。