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

#618bbb はRGBで rgb(97, 139, 187)、OKLCHで oklch(62.565% 0.08655 252.458) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #618bbb |
| RGB | rgb(97, 139, 187) |
| HSL | hsl(212, 39.82%, 55.69%) |
| HSB / HSV | hsv(212 48.13% 73.33%) |
| HWB | hwb(212 38.04% 26.67%) |
| CMYK | cmyk(48% 26% 0% 27%) |
| Lab | lab(56.27 -4.75 -30.06) |
| LCH | lch(56.27 30.44 261.02) |
| OKLab | oklab(62.565% -0.02609 -0.08252) |
| OKLCH | oklch(62.565% 0.08655 252.458) |
| Display P3 | color(display-p3 0.41572 0.54062 0.71742) |
| Rec. 2020 | color(rec2020 0.4108 0.49119 0.68314) |
| Adobe RGB | color(a98-rgb 0.43342 0.54026 0.72104) |
| ProPhoto RGB | color(prophoto-rgb 0.42941 0.46424 0.65153) |
| 線形sRGB | color(srgb-linear 0.11954 0.25818 0.49693) |
| XYZ D65 | color(xyz-d65 0.23131 0.24594 0.50544) |
| XYZ D50 | color(xyz-d50 0.22267 0.24181 0.38159) |
| SwiftUI | Color(red: 0.38, green: 0.545, blue: 0.733) |
| UIKit | UIColor(red: 0.38, green: 0.545, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF618BBB) |
| Android XML | #618BBB |

## 基本情報

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

## ティント

#618bbb, #7096c2, #80a2c9, #8fadd0, #9fb9d7, #aec4de, #bed0e4, #cedceb, #dee7f2, #eff3f8

## シェード

#618bbb, #5378a2, #46668a, #395473, #2d435c, #213246, #152332, #0b141f, #03070d, #000102

## トーン

#618bbb, #658bb6, #6a8bb1, #6e8bac, #728aa7, #758aa2, #798a9d, #7d8998, #818992, #84888d

## 配色

- 補色: #618bbb, #a87f4a
- 分裂補色: #618bbb, #b4765d, #928a49
- 類似色: #618bbb, #4493ae, #8081bb
- トライアド: #618bbb, #b67279, #74935c
- テトラード: #618bbb, #9a78ae, #a87f4a, #74935c
- スクエア: #618bbb, #ac7396, #a87f4a, #539878
- モノクロマティック: #618bbb, #1d4570, #3f6795, #85b0e2, #aad7ff

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

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

#618bbb はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(97, 139, 187)、HSLでは hsl(212, 39.82%, 55.69%)、OKLCHでは oklch(62.565% 0.08655 252.458) です。

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

#618bbb の補色は #a87f4a です。落ち着いた組み合わせにするなら、類似色の #4493ae と #8081bb を使いましょう。トライアドの組み合わせは #b67279 と #74935c です。

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

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

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

#618bbb は寒色系の色です。OKLCHでは色相 252度、明度 62.6%、クロマ 0.087 です。