# カラーコード #419dbf：鮮やかな 空色

#419dbf はRGBで rgb(65, 157, 191)、OKLCHで oklch(65.506% 0.09953 225.876) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/419dbf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #419dbf |
| RGB | rgb(65, 157, 191) |
| HSL | hsl(196.19, 49.61%, 50.2%) |
| HSB / HSV | hsv(196.19 65.97% 74.9%) |
| HWB | hwb(196.19 25.49% 25.1%) |
| CMYK | cmyk(66% 18% 0% 25%) |
| Lab | lab(60.34 -20.13 -26.21) |
| LCH | lch(60.34 33.05 232.47) |
| OKLab | oklab(65.506% -0.06929 -0.07145) |
| OKLCH | oklch(65.506% 0.09953 225.876) |
| Display P3 | color(display-p3 0.35475 0.6078 0.73515) |
| Rec. 2020 | color(rec2020 0.39167 0.55865 0.70336) |
| Adobe RGB | color(a98-rgb 0.40075 0.60997 0.7385) |
| ProPhoto RGB | color(prophoto-rgb 0.423 0.52578 0.67392) |
| 線形sRGB | color(srgb-linear 0.05286 0.33716 0.521) |
| XYZ D65 | color(xyz-d65 0.23639 0.28998 0.53643) |
| XYZ D50 | color(xyz-d50 0.22745 0.28505 0.40551) |
| SwiftUI | Color(red: 0.255, green: 0.616, blue: 0.749) |
| UIKit | UIColor(red: 0.255, green: 0.616, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFF419DBF) |
| Android XML | #419DBF |

## 基本情報

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

## ティント

#419dbf, #58a7c6, #6db1cc, #80bad3, #93c4d9, #a5cedf, #b7d8e6, #c9e2ec, #dbebf2, #edf5f9

## シェード

#419dbf, #3788a6, #2e738d, #255f75, #1c4c5e, #133a48, #0b2833, #05181f, #01090d, #000102

## トーン

#419dbf, #4d9cba, #579bb6, #609ab1, #6899ad, #7098a8, #7796a4, #7e959f, #84949a, #8b9295

## カラーハーモニー

- 補色: #419dbf, #c37d5c
- 分裂補色: #419dbf, #c6777c, #b48846
- 類似色: #419dbf, #2fa3a4, #6793cd
- トライアド: #419dbf, #bd779e, #999447
- テトラード: #419dbf, #8b87cb, #c37d5c, #999447
- スクエア: #419dbf, #a87eba, #c37d5c, #759f60
- モノクロマティック: #419dbf, #005575, #0c7899, #69c3e6, #94eaff

## #419dbf についてのよくある質問

### #419dbf は何色ですか？

#419dbf は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(65, 157, 191)、HSLでは hsl(196.19, 49.61%, 50.2%)、OKLCHでは oklch(65.506% 0.09953 225.876) です。

### #419dbf に合う色は？

#419dbf の補色は #c37d5c です。落ち着いた組み合わせにするなら、類似色の #2fa3a4 と #6793cd を使いましょう。トライアドの組み合わせは #bd779e と #999447 です。

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

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

### #419dbf は暖色と寒色のどちらですか？

#419dbf は寒色系の色です。OKLCHでは色相 226度、明度 65.5%、クロマ 0.1 です。