# カラーコード #618bb6：やわらかな 青

#618bb6 はRGBで rgb(97, 139, 182)、OKLCHで oklch(62.333% 0.08022 249.787) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/618bb6

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #618bb6 |
| RGB | rgb(97, 139, 182) |
| HSL | hsl(210.35, 36.8%, 54.71%) |
| HSB / HSV | hsv(210.35 46.7% 71.37%) |
| HWB | hwb(210.35 38.04% 28.63%) |
| CMYK | cmyk(47% 24% 0% 29%) |
| Lab | lab(56.09 -5.92 -27.5) |
| LCH | lch(56.09 28.13 257.86) |
| OKLab | oklab(62.333% -0.02772 -0.07528) |
| OKLCH | oklch(62.333% 0.08022 249.787) |
| Display P3 | color(display-p3 0.41572 0.54062 0.69907) |
| Rec. 2020 | color(rec2020 0.4092 0.49084 0.66326) |
| Adobe RGB | color(a98-rgb 0.43342 0.54026 0.70193) |
| ProPhoto RGB | color(prophoto-rgb 0.42492 0.4634 0.63154) |
| 線形sRGB | color(srgb-linear 0.11954 0.25818 0.46778) |
| XYZ D65 | color(xyz-d65 0.22604 0.24383 0.47773) |
| XYZ D50 | color(xyz-d50 0.2185 0.24004 0.36077) |
| SwiftUI | Color(red: 0.38, green: 0.545, blue: 0.714) |
| UIKit | UIColor(red: 0.38, green: 0.545, blue: 0.714, alpha: 1) |
| Flutter / Compose | Color(0xFF618BB6) |
| Android XML | #618BB6 |

## 基本情報

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

## ティント

#618bb6, #7096bd, #80a2c5, #8fadcc, #9fb9d4, #aec4db, #bed0e2, #cedbe9, #dee7f1, #eff3f8

## シェード

#618bb6, #53789e, #466686, #39546f, #2d4359, #213244, #152330, #0b141d, #03070c, #000102

## トーン

#618bb6, #658bb1, #698bad, #6d8aa8, #718aa4, #758a9f, #79899a, #7d8995, #808891, #84888c

## カラーハーモニー

- 補色: #618bb6, #a77f50
- 分裂補色: #618bb6, #b17662, #92884d
- 類似色: #618bb6, #4993a9, #7d82b7
- トライアド: #618bb6, #b2737c, #77915d
- テトラード: #618bb6, #967aac, #a77f50, #77915d
- スクエア: #618bb6, #a87497, #a77f50, #5a9676
- モノクロマティック: #618bb6, #1d456c, #3f6790, #85b0dd, #aad7ff

## #618bb6 についてのよくある質問

### #618bb6 は何色ですか？

#618bb6 はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(97, 139, 182)、HSLでは hsl(210.35, 36.8%, 54.71%)、OKLCHでは oklch(62.333% 0.08022 249.787) です。

### #618bb6 に合う色は？

#618bb6 の補色は #a77f50 です。落ち着いた組み合わせにするなら、類似色の #4993a9 と #7d82b7 を使いましょう。トライアドの組み合わせは #b2737c と #77915d です。

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

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

### #618bb6 は暖色と寒色のどちらですか？

#618bb6 は寒色系の色です。OKLCHでは色相 250度、明度 62.3%、クロマ 0.08 です。