# カラーコード #7889be：やわらかな 青

#7889be はRGBで rgb(120, 137, 190)、OKLCHで oklch(63.741% 0.08238 270.278) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7889be |
| RGB | rgb(120, 137, 190) |
| HSL | hsl(225.43, 35%, 60.78%) |
| HSB / HSV | hsv(225.43 36.84% 74.51%) |
| HWB | hwb(225.43 47.06% 25.49%) |
| CMYK | cmyk(37% 28% 0% 25%) |
| Lab | lab(57.3 3.68 -30.02) |
| LCH | lch(57.3 30.24 276.98) |
| OKLab | oklab(63.741% 0.0004 -0.08238) |
| OKLCH | oklch(63.741% 0.08238 270.278) |
| Display P3 | color(display-p3 0.48328 0.53521 0.72884) |
| Rec. 2020 | color(rec2020 0.45972 0.48859 0.6954) |
| Adobe RGB | color(a98-rgb 0.48709 0.53255 0.73232) |
| ProPhoto RGB | color(prophoto-rgb 0.46743 0.46446 0.66379) |
| 線形sRGB | color(srgb-linear 0.18782 0.25016 0.51492) |
| XYZ D65 | color(xyz-d65 0.25984 0.25602 0.52289) |
| XYZ D50 | color(xyz-d50 0.25192 0.25234 0.3946) |
| SwiftUI | Color(red: 0.471, green: 0.537, blue: 0.745) |
| UIKit | UIColor(red: 0.471, green: 0.537, blue: 0.745, alpha: 1) |
| Flutter / Compose | Color(0xFF7889BE) |
| Android XML | #7889BE |

## 基本情報

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

## ティント

#7889be, #8594c5, #91a0cb, #9eacd2, #acb7d9, #b9c3df, #c7cfe6, #d5dbec, #e3e7f2, #f1f3f9

## シェード

#7889be, #6776a5, #57648c, #485375, #39425e, #2a3148, #1d2233, #10141f, #05070d, #010102

## トーン

#7889be, #7a89b9, #7c8ab4, #7e8aaf, #808aaa, #828ba5, #838ba0, #858b9b, #878b96, #898b91

## カラーハーモニー

- 補色: #7889be, #9f894e
- 分裂補色: #7889be, #b07f57, #849359
- 類似色: #7889be, #5b92b9, #9380b6
- トライアド: #7889be, #b8786d, #669a71
- テトラード: #7889be, #a879a3, #9f894e, #669a71
- スクエア: #7889be, #b57689, #9f894e, #4b9c8d
- モノクロマティック: #7889be, #364473, #566598, #9caee5, #c2d5ff

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

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

#7889be はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(120, 137, 190)、HSLでは hsl(225.43, 35%, 60.78%)、OKLCHでは oklch(63.741% 0.08238 270.278) です。

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

#7889be の補色は #9f894e です。落ち着いた組み合わせにするなら、類似色の #5b92b9 と #9380b6 を使いましょう。トライアドの組み合わせは #b8786d と #669a71 です。

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

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

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

#7889be は寒色系の色です。OKLCHでは色相 270度、明度 63.7%、クロマ 0.082 です。