# カラーコード #428dc0：鮮やかな 空色

#428dc0 はRGBで rgb(66, 141, 192)、OKLCHで oklch(61.806% 0.10721 241.233) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/428dc0

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #428dc0 |
| RGB | rgb(66, 141, 192) |
| HSL | hsl(204.29, 50%, 50.59%) |
| HSB / HSV | hsv(204.29 65.63% 75.29%) |
| HWB | hwb(204.29 25.88% 24.71%) |
| CMYK | cmyk(66% 27% 0% 25%) |
| Lab | lab(55.59 -11.73 -34.09) |
| LCH | lch(55.59 36.05 251.02) |
| OKLab | oklab(61.806% -0.0516 -0.09398) |
| OKLCH | oklch(61.806% 0.10721 241.233) |
| Display P3 | color(display-p3 0.33556 0.5462 0.73546) |
| Rec. 2020 | color(rec2020 0.36133 0.49474 0.70284) |
| Adobe RGB | color(a98-rgb 0.37378 0.54797 0.74043) |
| ProPhoto RGB | color(prophoto-rgb 0.39848 0.46587 0.67162) |
| 線形sRGB | color(srgb-linear 0.05448 0.26636 0.52712) |
| XYZ D65 | color(xyz-d65 0.21285 0.24013 0.53384) |
| XYZ D50 | color(xyz-d50 0.20176 0.23502 0.40303) |
| SwiftUI | Color(red: 0.259, green: 0.553, blue: 0.753) |
| UIKit | UIColor(red: 0.259, green: 0.553, blue: 0.753, alpha: 1) |
| Flutter / Compose | Color(0xFF428DC0) |
| Android XML | #428DC0 |

## 基本情報

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

## ティント

#428dc0, #5798c7, #6ba4cd, #7eafd4, #90bada, #a3c6e1, #b5d1e7, #c7dded, #dae8f3, #ecf3f9

## シェード

#428dc0, #387aa7, #2f678e, #255576, #1c445f, #143349, #0b2334, #051420, #01070e, #000102

## トーン

#428dc0, #4b8dba, #548cb5, #5b8caf, #628ba9, #698aa3, #6f899d, #758898, #7b8892, #80878c

## カラーハーモニー

- 補色: #428dc0, #b4753c
- 分裂補色: #428dc0, #bd6c5d, #9d832d
- 類似色: #428dc0, #0196aa, #6e81c6
- トライアド: #428dc0, #ba6981, #7c8f41
- テトラード: #428dc0, #9176bc, #b4753c, #7c8f41
- スクエア: #428dc0, #ab6da3, #b4753c, #509864
- モノクロマティック: #428dc0, #004675, #17699a, #68b3e8, #93d9ff

## #428dc0 についてのよくある質問

### #428dc0 は何色ですか？

#428dc0 は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(66, 141, 192)、HSLでは hsl(204.29, 50%, 50.59%)、OKLCHでは oklch(61.806% 0.10721 241.233) です。

### #428dc0 に合う色は？

#428dc0 の補色は #b4753c です。落ち着いた組み合わせにするなら、類似色の #0196aa と #6e81c6 を使いましょう。トライアドの組み合わせは #ba6981 と #7c8f41 です。

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

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

### #428dc0 は暖色と寒色のどちらですか？

#428dc0 は寒色系の色です。OKLCHでは色相 241度、明度 61.8%、クロマ 0.107 です。