# カラーコード #4295bb：鮮やかな 空色

#4295bb はRGBで rgb(66, 149, 187)、OKLCHで oklch(63.455% 0.09801 230.944) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4295bb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4295bb |
| RGB | rgb(66, 149, 187) |
| HSL | hsl(198.84, 47.83%, 49.61%) |
| HSB / HSV | hsv(198.84 64.71% 73.33%) |
| HWB | hwb(198.84 25.88% 26.67%) |
| CMYK | cmyk(65% 20% 0% 27%) |
| Lab | lab(57.82 -17.07 -27.82) |
| LCH | lch(57.82 32.64 238.47) |
| OKLab | oklab(63.455% -0.06175 -0.0761) |
| OKLCH | oklch(63.455% 0.09801 230.944) |
| Display P3 | color(display-p3 0.34608 0.57702 0.71875) |
| Rec. 2020 | color(rec2020 0.37532 0.52634 0.68513) |
| Adobe RGB | color(a98-rgb 0.38787 0.5789 0.72221) |
| ProPhoto RGB | color(prophoto-rgb 0.40659 0.49485 0.65457) |
| 線形sRGB | color(srgb-linear 0.05448 0.30054 0.49693) |
| XYZ D65 | color(xyz-d65 0.21962 0.2624 0.50923) |
| XYZ D50 | color(xyz-d50 0.21061 0.2577 0.3848) |
| SwiftUI | Color(red: 0.259, green: 0.584, blue: 0.733) |
| UIKit | UIColor(red: 0.259, green: 0.584, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF4295BB) |
| Android XML | #4295BB |

## 基本情報

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

## ティント

#4295bb, #58a0c2, #6caac9, #7fb5d0, #92bfd7, #a4cade, #b6d4e4, #c8dfeb, #daeaf2, #edf4f8

## シェード

#4295bb, #3881a2, #2f6d8a, #255a73, #1c485c, #143746, #0b2632, #05161f, #01080d, #000102

## トーン

#4295bb, #4c94b6, #5693b2, #5e92ad, #6591a8, #6c90a3, #738f9e, #798e99, #7f8d94, #858c8f

## カラーハーモニー

- 補色: #4295bb, #ba7952
- 分裂補色: #4295bb, #bf7271, #a9843f
- 類似色: #4295bb, #299ca3, #688bc6
- トライアド: #4295bb, #b87192, #8d9045
- テトラード: #4295bb, #8b80c2, #ba7952, #8d9045
- スクエア: #4295bb, #a676af, #ba7952, #699961
- モノクロマティック: #4295bb, #004e71, #137195, #69bbe2, #90e2ff

## #4295bb についてのよくある質問

### #4295bb は何色ですか？

#4295bb は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(66, 149, 187)、HSLでは hsl(198.84, 47.83%, 49.61%)、OKLCHでは oklch(63.455% 0.09801 230.944) です。

### #4295bb に合う色は？

#4295bb の補色は #ba7952 です。落ち着いた組み合わせにするなら、類似色の #299ca3 と #688bc6 を使いましょう。トライアドの組み合わせは #b87192 と #8d9045 です。

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

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

### #4295bb は暖色と寒色のどちらですか？

#4295bb は寒色系の色です。OKLCHでは色相 231度、明度 63.5%、クロマ 0.098 です。