# カラーコード #49abc6：鮮やかな 空色

#49abc6 はRGBで rgb(73, 171, 198)、OKLCHで oklch(69.4% 0.0986 218.999) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/49abc6

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #49abc6 |
| RGB | rgb(73, 171, 198) |
| HSL | hsl(192.96, 52.3%, 53.14%) |
| HSB / HSV | hsv(192.96 63.13% 77.65%) |
| HWB | hwb(192.96 28.63% 22.35%) |
| CMYK | cmyk(63% 14% 0% 22%) |
| Lab | lab(65.04 -23.55 -22.91) |
| LCH | lch(65.04 32.86 224.21) |
| OKLab | oklab(69.4% -0.07662 -0.06205) |
| OKLCH | oklch(69.4% 0.0986 218.999) |
| Display P3 | color(display-p3 0.39166 0.66213 0.76413) |
| Rec. 2020 | color(rec2020 0.43395 0.61655 0.73566) |
| Adobe RGB | color(a98-rgb 0.43911 0.66466 0.76714) |
| ProPhoto RGB | color(prophoto-rgb 0.46201 0.58262 0.70849) |
| 線形sRGB | color(srgb-linear 0.06663 0.40724 0.56471) |
| XYZ D65 | color(xyz-d65 0.27502 0.34618 0.58661) |
| XYZ D50 | color(xyz-d50 0.2667 0.341 0.44372) |
| SwiftUI | Color(red: 0.286, green: 0.671, blue: 0.776) |
| UIKit | UIColor(red: 0.286, green: 0.671, blue: 0.776, alpha: 1) |
| Flutter / Compose | Color(0xFF49ABC6) |
| Android XML | #49ABC6 |

## 基本情報

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

## ティント

#49abc6, #5fb3cc, #73bcd2, #86c4d7, #98cddd, #aad5e3, #bbdee9, #cce6ee, #ddeef4, #eef7f9

## シェード

#49abc6, #3e94ac, #347e92, #2a687a, #205462, #17404b, #0e2d35, #061b21, #020b0e, #000102

## トーン

#49abc6, #55aac2, #60a9be, #6aa7ba, #72a6b6, #7aa4b1, #82a3ad, #89a1a9, #90a0a5, #969ea1

## カラーハーモニー

- 補色: #49abc6, #d1876e
- 分裂補色: #49abc6, #d18290, #c49156
- 類似色: #49abc6, #44b0a9, #6ba1d7
- トライアド: #49abc6, #c584b1, #ac9e52
- テトラード: #49abc6, #8f96d9, #d1876e, #ac9e52
- スクエア: #49abc6, #ae8ccb, #d1876e, #8aa966
- モノクロマティック: #49abc6, #00627b, #1786a0, #72d2ed, #adf7ff

## #49abc6 についてのよくある質問

### #49abc6 は何色ですか？

#49abc6 は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(73, 171, 198)、HSLでは hsl(192.96, 52.3%, 53.14%)、OKLCHでは oklch(69.4% 0.0986 218.999) です。

### #49abc6 に合う色は？

#49abc6 の補色は #d1876e です。落ち着いた組み合わせにするなら、類似色の #44b0a9 と #6ba1d7 を使いましょう。トライアドの組み合わせは #c584b1 と #ac9e52 です。

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

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

### #49abc6 は暖色と寒色のどちらですか？

#49abc6 は寒色系の色です。OKLCHでは色相 219度、明度 69.4%、クロマ 0.099 です。