# カラーコード #46a3cd：鮮やかな 空色

#46a3cd はRGBで rgb(70, 163, 205)、OKLCHで oklch(67.713% 0.10677 230.833) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/46a3cd

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #46a3cd |
| RGB | rgb(70, 163, 205) |
| HSL | hsl(198.67, 57.45%, 53.92%) |
| HSB / HSV | hsv(198.67 65.85% 80.39%) |
| HWB | hwb(198.67 27.45% 19.61%) |
| CMYK | cmyk(66% 20% 0% 20%) |
| Lab | lab(62.78 -18.57 -30.25) |
| LCH | lch(62.78 35.49 238.45) |
| OKLab | oklab(67.713% -0.06744 -0.08278) |
| OKLCH | oklch(67.713% 0.10677 230.833) |
| Display P3 | color(display-p3 0.37404 0.63115 0.78785) |
| Rec. 2020 | color(rec2020 0.41574 0.5843 0.76102) |
| Adobe RGB | color(a98-rgb 0.41965 0.63336 0.79299) |
| ProPhoto RGB | color(prophoto-rgb 0.45167 0.55198 0.73354) |
| 線形sRGB | color(srgb-linear 0.06125 0.36625 0.6105) |
| XYZ D65 | color(xyz-d65 0.26641 0.31903 0.62514) |
| XYZ D50 | color(xyz-d50 0.25512 0.3132 0.47236) |
| SwiftUI | Color(red: 0.275, green: 0.639, blue: 0.804) |
| UIKit | UIColor(red: 0.275, green: 0.639, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF46A3CD) |
| Android XML | #46A3CD |

## 基本情報

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

## ティント

#46a3cd, #5cacd2, #70b6d8, #83bfdd, #96c8e2, #a7d1e7, #b9daec, #cbe4f1, #dcedf6, #eef6fa

## シェード

#46a3cd, #3c8db2, #327898, #28637e, #1e4f66, #153c4e, #0d2a38, #051923, #020a0f, #000102

## トーン

#46a3cd, #52a2c8, #5ca1c3, #66a0bd, #6e9fb8, #769eb3, #7d9dad, #849ba8, #8b9aa2, #91999d

## カラーハーモニー

- 補色: #46a3cd, #cc8358
- 分裂補色: #46a3cd, #d17c7b, #b99043
- 類似色: #46a3cd, #28abb2, #7198d9
- トライアド: #46a3cd, #c97ba0, #9a9d4a
- テトラード: #46a3cd, #978bd4, #cc8358, #9a9d4a
- スクエア: #46a3cd, #b581c0, #cc8358, #72a869
- モノクロマティック: #46a3cd, #005b81, #157ea6, #6ec9f5, #b0eeff

## #46a3cd についてのよくある質問

### #46a3cd は何色ですか？

#46a3cd は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(70, 163, 205)、HSLでは hsl(198.67, 57.45%, 53.92%)、OKLCHでは oklch(67.713% 0.10677 230.833) です。

### #46a3cd に合う色は？

#46a3cd の補色は #cc8358 です。落ち着いた組み合わせにするなら、類似色の #28abb2 と #7198d9 を使いましょう。トライアドの組み合わせは #c97ba0 と #9a9d4a です。

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

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

### #46a3cd は暖色と寒色のどちらですか？

#46a3cd は寒色系の色です。OKLCHでは色相 231度、明度 67.7%、クロマ 0.107 です。