色変換
色変換 for #38A3DA の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 56 | 163 | 218 | |
|---|---|---|---|---|
| HSL | 200.37° | 68.64% | 53.73% | |
| HSV | 200.37° | 74.31% | 85.49% | |
| CMYK | 74.31% | 25.23% | 0% | 14.51% |
| XYZ | 27.3779 | 32.0939 | 71.0679 | |
| Yxy | 32.0939 | 0.2097 | 0.2459 | |
| Hunter Lab | 56.6515 | -12.8773 | -34.6927 | |
| CIE-Lab | 63.4204 | -12.1191 | -36.5556 | |
| CIE-LCH | 63.4204 | 38.5121 | 251.6583 | |
| CIE-LUV | 63.4204 | -38.057 | -56.2849 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00111000 | 10100011 | 11011010 |
| Octal | 70 | 243 | 332 |
| Decimal | 56 | 163 | 218 |
| Hex | 38 | A3 | DA |
RGB比率
CMYK比率
濃い色 #38A3DA
淡い色 #38A3DA
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#38A3DA の色 黒背景
#38A3DA の色 サンプルテキスト
#38A3DA の色 白背景
#38A3DA の色 サンプルテキスト
#38A3DA CSSコード
.background { background-color: #38A3DA; }
.text { color: #38A3DA; }
.border { border: 3px solid #38A3DA; }
.shadow { box-shadow: 0 8px 28px rgba(56, 163, 218, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト2.83:1低い
黒とのコントラスト7.42:1AAA
Webセーフカラー#3399CCNear
輝度0.3210-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#38A3DA color
PortuguêsCor #38A3DA
EspañolColor #38A3DA
한국어#38A3DA 색상
日本語#38A3DA の色
中文#38A3DA 颜色
DeutschFarbe #38A3DA
FrançaisCouleur #38A3DA
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #38A3DA の色.
近い色
See 青系
Similar colors
Picton 青
Picton blue
Celestial 青
Celestial blue
Maximum 青
Maximum Blue
シアン cornflower 青
Cyan cornflower blue
Carolina 青
Carolina blue
Battery charged 青
Battery Charged Blue
Bright cerulean
Bright cerulean
明るい cornflower 青
Light cornflower blue
Tufts 青
Tufts Blue
Moonstone 青
Moonstone blue
Baby 青
Baby blue
Ball 青
Ball blue