# カラーコード #589ebf：やわらかな 空色

#589ebf はRGBで rgb(88, 158, 191)、OKLCHで oklch(66.632% 0.08592 230.317) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/589ebf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #589ebf |
| RGB | rgb(88, 158, 191) |
| HSL | hsl(199.22, 44.59%, 54.71%) |
| HSB / HSV | hsv(199.22 53.93% 74.9%) |
| HWB | hwb(199.22 34.51% 25.1%) |
| CMYK | cmyk(54% 17% 0% 25%) |
| Lab | lab(61.52 -15.82 -24.32) |
| LCH | lch(61.52 29.01 236.96) |
| OKLab | oklab(66.632% -0.05486 -0.06612) |
| OKLCH | oklch(66.632% 0.08592 230.317) |
| Display P3 | color(display-p3 0.41135 0.61289 0.73588) |
| Rec. 2020 | color(rec2020 0.42916 0.56552 0.7042) |
| Adobe RGB | color(a98-rgb 0.44339 0.61386 0.73863) |
| ProPhoto RGB | color(prophoto-rgb 0.45022 0.53368 0.67492) |
| 線形sRGB | color(srgb-linear 0.09759 0.34191 0.521) |
| XYZ D65 | color(xyz-d65 0.25654 0.30289 0.53786) |
| XYZ D50 | color(xyz-d50 0.24879 0.29841 0.40659) |
| SwiftUI | Color(red: 0.345, green: 0.62, blue: 0.749) |
| UIKit | UIColor(red: 0.345, green: 0.62, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFF589EBF) |
| Android XML | #589EBF |

## 基本情報

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

## ティント

#589ebf, #6aa8c6, #7bb1cc, #8cbbd3, #9cc4d9, #adcedf, #bdd8e6, #cee2ec, #deebf2, #eef5f9

## シェード

#589ebf, #4b89a6, #3f748d, #336075, #284d5e, #1d3a48, #122933, #09181f, #03090d, #000102

## トーン

#589ebf, #609dbb, #679cb7, #6d9bb2, #749bae, #7a9aaa, #7f99a6, #8597a1, #8a969d, #8f9598

## カラーハーモニー

- 補色: #589ebf, #bf8563
- 分裂補色: #589ebf, #c37f7e, #b08e55
- 類似色: #589ebf, #4aa4a9, #7595c9
- トライアド: #589ebf, #bd7e9b, #979959
- テトラード: #589ebf, #938bc5, #bf8563, #979959
- スクエア: #589ebf, #ac83b5, #bf8563, #77a16f
- モノクロマティック: #589ebf, #005775, #327999, #7ec4e6, #a7ebff

## #589ebf についてのよくある質問

### #589ebf は何色ですか？

#589ebf はやわらかな 空色です。最も近い名前のある色はやわらかな 空色です。RGBでは rgb(88, 158, 191)、HSLでは hsl(199.22, 44.59%, 54.71%)、OKLCHでは oklch(66.632% 0.08592 230.317) です。

### #589ebf に合う色は？

#589ebf の補色は #bf8563 です。落ち着いた組み合わせにするなら、類似色の #4aa4a9 と #7595c9 を使いましょう。トライアドの組み合わせは #bd7e9b と #979959 です。

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

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

### #589ebf は暖色と寒色のどちらですか？

#589ebf は寒色系の色です。OKLCHでは色相 230度、明度 66.6%、クロマ 0.086 です。