# カラーコード #288db3：鮮やかな 空色

#288db3 はRGBで rgb(40, 141, 179)、OKLCHで oklch(60.397% 0.10554 228.261) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/288db3

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #288db3 |
| RGB | rgb(40, 141, 179) |
| HSL | hsl(196.4, 63.47%, 42.94%) |
| HSB / HSV | hsv(196.4 77.65% 70.2%) |
| HWB | hwb(196.4 15.69% 29.8%) |
| CMYK | cmyk(78% 21% 0% 30%) |
| Lab | lab(54.34 -19.4 -28.71) |
| LCH | lch(54.34 34.65 235.95) |
| OKLab | oklab(60.397% -0.07027 -0.07876) |
| OKLCH | oklch(60.397% 0.10554 228.261) |
| Display P3 | color(display-p3 0.28222 0.54513 0.68729) |
| Rec. 2020 | color(rec2020 0.32496 0.4914 0.65067) |
| Adobe RGB | color(a98-rgb 0.33634 0.54797 0.69072) |
| ProPhoto RGB | color(prophoto-rgb 0.36445 0.46029 0.61908) |
| 線形sRGB | color(srgb-linear 0.02122 0.26636 0.45079) |
| XYZ D65 | color(xyz-d65 0.18535 0.22754 0.46064) |
| XYZ D50 | color(xyz-d50 0.17634 0.22299 0.34806) |
| SwiftUI | Color(red: 0.157, green: 0.553, blue: 0.702) |
| UIKit | UIColor(red: 0.157, green: 0.553, blue: 0.702, alpha: 1) |
| Flutter / Compose | Color(0xFF288DB3) |
| Android XML | #288DB3 |

## 基本情報

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

## ティント

#288db3, #4598bb, #5da4c3, #73afca, #87bad2, #9bc6da, #afd1e1, #c3dde9, #d7e8f0, #ebf3f8

## シェード

#288db3, #217a9b, #1b6784, #15556e, #0f4458, #093343, #04232f, #02141d, #01070c, #000101

## トーン

#288db3, #388cae, #448ba9, #4e8aa4, #5789a0, #60889b, #678796, #6e8691, #75848c, #7b8386

## カラーハーモニー

- 補色: #288db3, #b46d46
- 分裂補色: #288db3, #b86669, #a4792d
- 類似色: #288db3, #009498, #5982c0
- トライアド: #288db3, #af668c, #878632
- テトラード: #288db3, #7f76bd, #b46d46, #878632
- スクエア: #288db3, #9c6caa, #b46d46, #619051
- モノクロマティック: #288db3, #004665, #00698d, #54b3da, #7cdaff

## #288db3 についてのよくある質問

### #288db3 は何色ですか？

#288db3 は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(40, 141, 179)、HSLでは hsl(196.4, 63.47%, 42.94%)、OKLCHでは oklch(60.397% 0.10554 228.261) です。

### #288db3 に合う色は？

#288db3 の補色は #b46d46 です。落ち着いた組み合わせにするなら、類似色の #009498 と #5982c0 を使いましょう。トライアドの組み合わせは #af668c と #878632 です。

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

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

### #288db3 は暖色と寒色のどちらですか？

#288db3 は寒色系の色です。OKLCHでは色相 228度、明度 60.4%、クロマ 0.106 です。