# カラーコード #02485f：やわらかな 暗い空色

#02485f はRGBで rgb(2, 72, 95)、OKLCHで oklch(37.526% 0.0722 227.931) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/02485f

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #02485f |
| RGB | rgb(2, 72, 95) |
| HSL | hsl(194.84, 95.88%, 19.02%) |
| HSB / HSV | hsv(194.84 97.89% 37.25%) |
| HWB | hwb(194.84 0.78% 62.75%) |
| CMYK | cmyk(98% 24% 0% 63%) |
| Lab | lab(27.72 -13.08 -19.48) |
| LCH | lch(27.72 23.46 236.12) |
| OKLab | oklab(37.526% -0.04837 -0.05359) |
| OKLCH | oklch(37.526% 0.0722 227.931) |
| Display P3 | color(display-p3 0.1121 0.27769 0.3638) |
| Rec. 2020 | color(rec2020 0.11592 0.2128 0.30483) |
| Adobe RGB | color(a98-rgb 0.16453 0.28815 0.37014) |
| ProPhoto RGB | color(prophoto-rgb 0.16208 0.20928 0.28843) |
| 線形sRGB | color(srgb-linear 0.00061 0.0648 0.11444) |
| XYZ D65 | color(xyz-d65 0.04408 0.05474 0.11651) |
| XYZ D50 | color(xyz-d50 0.0416 0.05353 0.08802) |
| SwiftUI | Color(red: 0.008, green: 0.282, blue: 0.373) |
| UIKit | UIColor(red: 0.008, green: 0.282, blue: 0.373, alpha: 1) |
| Flutter / Compose | Color(0xFF02485F) |
| Android XML | #02485F |

## 基本情報

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

## ティント

#02485f, #25596e, #3e6a7d, #557b8d, #6d8d9d, #84a0ac, #9cb2bd, #b4c5cd, #cdd8dd, #e6ebee

## シェード

#02485f, #013d52, #013344, #012938, #001f2c, #001620, #000d15, #00060a, #000203, #000000

## トーン

#02485f, #10485c, #1a4759, #214656, #274653, #2c4550, #31444d, #35444a, #394347, #3d4244

## カラーハーモニー

- 補色: #02485f, #60341c
- 分裂補色: #02485f, #623032, #563c0a
- 類似色: #02485f, #004c4f, #284167
- トライアド: #02485f, #5d3048, #45440e
- テトラード: #02485f, #3f3a65, #60341c, #45440e
- スクエア: #02485f, #51345a, #60341c, #2d4a23
- モノクロマティック: #02485f, #000b18, #00283e, #2f6a82, #538ea7

## #02485f についてのよくある質問

### #02485f は何色ですか？

#02485f はやわらかな 暗い空色です。最も近い名前のある色はやわらかな 暗い空色です。RGBでは rgb(2, 72, 95)、HSLでは hsl(194.84, 95.88%, 19.02%)、OKLCHでは oklch(37.526% 0.0722 227.931) です。

### #02485f に合う色は？

#02485f の補色は #60341c です。落ち着いた組み合わせにするなら、類似色の #004c4f と #284167 を使いましょう。トライアドの組み合わせは #5d3048 と #45440e です。

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

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

### #02485f は暖色と寒色のどちらですか？

#02485f は寒色系の色です。OKLCHでは色相 228度、明度 37.5%、クロマ 0.072 です。