# カラーコード #0797be：鮮やかな 空色

#0797be はRGBで rgb(7, 151, 190)、OKLCHで oklch(62.932% 0.11785 224.751) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/0797be

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #0797be |
| RGB | rgb(7, 151, 190) |
| HSL | hsl(192.79, 92.89%, 38.63%) |
| HSB / HSV | hsv(192.79 96.32% 74.51%) |
| HWB | hwb(192.79 2.75% 25.49%) |
| CMYK | cmyk(96% 21% 0% 25%) |
| Lab | lab(57.42 -23.59 -30.24) |
| LCH | lch(57.42 38.35 232.04) |
| OKLab | oklab(62.932% -0.08369 -0.08297) |
| OKLCH | oklch(62.932% 0.11785 224.751) |
| Display P3 | color(display-p3 0.26407 0.58318 0.72959) |
| Rec. 2020 | color(rec2020 0.33278 0.53104 0.697) |
| Adobe RGB | color(a98-rgb 0.33403 0.58665 0.73393) |
| ProPhoto RGB | color(prophoto-rgb 0.38054 0.49792 0.66675) |
| 線形sRGB | color(srgb-linear 0.00212 0.30947 0.51492) |
| XYZ D65 | color(xyz-d65 0.20447 0.25895 0.52637) |
| XYZ D50 | color(xyz-d50 0.19379 0.25354 0.39778) |
| SwiftUI | Color(red: 0.027, green: 0.592, blue: 0.745) |
| UIKit | UIColor(red: 0.027, green: 0.592, blue: 0.745, alpha: 1) |
| Flutter / Compose | Color(0xFF0797BE) |
| Android XML | #0797BE |

## 基本情報

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

## ティント

#0797be, #3aa2c5, #57accb, #6eb6d2, #84c1d9, #9acbdf, #aed6e6, #c3e0ec, #d7eaf2, #ebf5f9

## シェード

#0797be, #0583a5, #046f8c, #025c75, #02495e, #013748, #002633, #00171f, #00080d, #000102

## トーン

#0797be, #2b96b9, #3e95b4, #4b94ae, #5792a9, #6191a4, #6a8f9f, #738e99, #7a8c94, #828b8e

## カラーハーモニー

- 補色: #0797be, #c3704a
- 分裂補色: #0797be, #c66972, #b27d27
- 類似色: #0797be, #009e9f, #558bcf
- トライアド: #0797be, #bb6a99, #948c28
- テトラード: #0797be, #827ecd, #c3704a, #948c28
- スクエア: #0797be, #a372ba, #c3704a, #69994c
- モノクロマティック: #0797be, #004e6b, #007298, #48bde5, #76e4ff

## #0797be についてのよくある質問

### #0797be は何色ですか？

#0797be は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(7, 151, 190)、HSLでは hsl(192.79, 92.89%, 38.63%)、OKLCHでは oklch(62.932% 0.11785 224.751) です。

### #0797be に合う色は？

#0797be の補色は #c3704a です。落ち着いた組み合わせにするなら、類似色の #009e9f と #558bcf を使いましょう。トライアドの組み合わせは #bb6a99 と #948c28 です。

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

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

### #0797be は暖色と寒色のどちらですか？

#0797be は寒色系の色です。OKLCHでは色相 225度、明度 62.9%、クロマ 0.118 です。