# カラーコード #4faac5：鮮やかな 空色

#4faac5 はRGBで rgb(79, 170, 197)、OKLCHで oklch(69.331% 0.09455 220.162) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4faac5

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4faac5 |
| RGB | rgb(79, 170, 197) |
| HSL | hsl(193.73, 50.43%, 54.12%) |
| HSB / HSV | hsv(193.73 59.9% 77.25%) |
| HWB | hwb(193.73 30.98% 22.75%) |
| CMYK | cmyk(60% 14% 0% 23%) |
| Lab | lab(64.92 -22.15 -22.53) |
| LCH | lch(64.92 31.6 225.48) |
| OKLab | oklab(69.331% -0.07226 -0.06098) |
| OKLCH | oklch(69.331% 0.09455 220.162) |
| Display P3 | color(display-p3 0.40398 0.65856 0.76037) |
| Rec. 2020 | color(rec2020 0.44019 0.61311 0.7315) |
| Adobe RGB | color(a98-rgb 0.44728 0.66074 0.76317) |
| ProPhoto RGB | color(prophoto-rgb 0.46559 0.57949 0.70414) |
| 線形sRGB | color(srgb-linear 0.07819 0.40198 0.55834) |
| XYZ D65 | color(xyz-d65 0.27675 0.34442 0.58015) |
| XYZ D50 | color(xyz-d50 0.2688 0.33942 0.43882) |
| SwiftUI | Color(red: 0.31, green: 0.667, blue: 0.773) |
| UIKit | UIColor(red: 0.31, green: 0.667, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFF4FAAC5) |
| Android XML | #4FAAC5 |

## 基本情報

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

## ティント

#4faac5, #64b3cb, #77bbd1, #89c4d7, #9accdc, #abd5e2, #bcdde8, #cde6ee, #deeef4, #eef7f9

## シェード

#4faac5, #4493ab, #387d92, #2e6879, #235361, #193f4b, #102d35, #071b21, #020b0e, #000102

## トーン

#4faac5, #5aa9c1, #64a8bd, #6ca6b9, #74a5b5, #7ca4b1, #83a2ad, #8aa1a9, #909fa5, #969ea0

## カラーハーモニー

- 補色: #4faac5, #cf886f
- 分裂補色: #4faac5, #cf838f, #c29258
- 類似色: #4faac5, #49afa9, #6ea1d5
- トライアド: #4faac5, #c485af, #aa9e56
- テトラード: #4faac5, #9196d6, #cf886f, #aa9e56
- スクエア: #4faac5, #af8cc8, #cf886f, #89a869
- モノクロマティック: #4faac5, #00617a, #23859f, #77d1ec, #aef6ff

## #4faac5 についてのよくある質問

### #4faac5 は何色ですか？

#4faac5 は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(79, 170, 197)、HSLでは hsl(193.73, 50.43%, 54.12%)、OKLCHでは oklch(69.331% 0.09455 220.162) です。

### #4faac5 に合う色は？

#4faac5 の補色は #cf886f です。落ち着いた組み合わせにするなら、類似色の #49afa9 と #6ea1d5 を使いましょう。トライアドの組み合わせは #c485af と #aa9e56 です。

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

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

### #4faac5 は暖色と寒色のどちらですか？

#4faac5 は寒色系の色です。OKLCHでは色相 220度、明度 69.3%、クロマ 0.095 です。