# カラーコード #449ceb：鮮やかな 青

#449ceb はRGBで rgb(68, 156, 235)、OKLCHで oklch(67.537% 0.14426 248.732) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/449ceb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #449ceb |
| RGB | rgb(68, 156, 235) |
| HSL | hsl(208.38, 80.68%, 59.41%) |
| HSB / HSV | hsv(208.38 71.06% 92.16%) |
| HWB | hwb(208.38 26.67% 7.84%) |
| CMYK | cmyk(71% 34% 0% 8%) |
| Lab | lab(61.79 -7.33 -48.33) |
| LCH | lch(61.79 48.88 261.37) |
| OKLab | oklab(67.537% -0.05233 -0.13443) |
| OKLCH | oklch(67.537% 0.14426 248.732) |
| Display P3 | color(display-p3 0.36004 0.60408 0.897) |
| Rec. 2020 | color(rec2020 0.41103 0.55822 0.88044) |
| Adobe RGB | color(a98-rgb 0.40372 0.60608 0.90876) |
| ProPhoto RGB | color(prophoto-rgb 0.47023 0.5305 0.85802) |
| 線形sRGB | color(srgb-linear 0.05781 0.33245 0.83077) |
| XYZ D65 | color(xyz-d65 0.29266 0.31003 0.83042) |
| XYZ D50 | color(xyz-d50 0.27212 0.30155 0.62633) |
| SwiftUI | Color(red: 0.267, green: 0.612, blue: 0.922) |
| UIKit | UIColor(red: 0.267, green: 0.612, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF449CEB) |
| Android XML | #449CEB |

## 基本情報

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

## ティント

#449ceb, #5aa6ee, #6eb1f0, #81bbf3, #93c5f5, #a6cef7, #b8d8f9, #c9e2fb, #dbecfd, #edf5fe

## シェード

#449ceb, #3a87cc, #3073ae, #265f91, #1d4c75, #14395b, #0c2841, #051829, #020913, #000103

## トーン

#449ceb, #509ce3, #5a9cdb, #639cd2, #6c9bca, #749bc2, #7b9ab9, #839ab1, #8a99a8, #9098a0

## カラーハーモニー

- 補色: #449ceb, #cf840f
- 分裂補色: #449ceb, #e07450, #ae9700
- 類似色: #449ceb, #00aad2, #848bee
- トライアド: #449ceb, #e06d85, #7ba73c
- テトラード: #449ceb, #b07cda, #cf840f, #7ba73c
- スクエア: #449ceb, #cf71b4, #cf840f, #29b175
- モノクロマティック: #449ceb, #00529c, #1577c3, #75c3ff, #c2e8ff

## #449ceb についてのよくある質問

### #449ceb は何色ですか？

#449ceb は鮮やかな 青です。最も近い名前のある色は鮮やかな 青です。RGBでは rgb(68, 156, 235)、HSLでは hsl(208.38, 80.68%, 59.41%)、OKLCHでは oklch(67.537% 0.14426 248.732) です。

### #449ceb に合う色は？

#449ceb の補色は #cf840f です。落ち着いた組み合わせにするなら、類似色の #00aad2 と #848bee を使いましょう。トライアドの組み合わせは #e06d85 と #7ba73c です。

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

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

### #449ceb は暖色と寒色のどちらですか？

#449ceb は寒色系の色です。OKLCHでは色相 249度、明度 67.5%、クロマ 0.144 です。