色変換
色変換 for #025558 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 2 | 85 | 88 | |
|---|---|---|---|---|
| HSL | 182.09° | 95.56% | 17.65% | |
| HSV | 182.09° | 97.73% | 34.51% | |
| CMYK | 97.73% | 3.41% | 0% | 65.49% |
| XYZ | 5.0342 | 7.2138 | 10.3577 | |
| Yxy | 7.2138 | 0.2227 | 0.3191 | |
| Hunter Lab | 26.8585 | -13.5457 | -4.0546 | |
| CIE-Lab | 32.2888 | -20.3678 | -8.0422 | |
| CIE-LCH | 32.2888 | 21.898 | 201.5465 | |
| CIE-LUV | 32.2888 | -24.474 | -7.7469 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00000010 | 01010101 | 01011000 |
| Octal | 2 | 125 | 130 |
| Decimal | 2 | 85 | 88 |
| Hex | 02 | 55 | 58 |
RGB比率
CMYK比率
濃い色 #025558
淡い色 #025558
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#025558 の色 黒背景
#025558 の色 サンプルテキスト
#025558 の色 白背景
#025558 の色 サンプルテキスト
#025558 CSSコード
.background { background-color: #025558; }
.text { color: #025558; }
.border { border: 3px solid #025558; }
.shadow { box-shadow: 0 8px 28px rgba(2, 85, 88, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト8.6:1AAA
黒とのコントラスト2.44:1低い
Webセーフカラー#006666Near
輝度0.07210-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#025558 color
PortuguêsCor #025558
EspañolColor #025558
한국어#025558 색상
日本語#025558 の色
中文#025558 颜色
DeutschFarbe #025558
FrançaisCouleur #025558
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #025558 の色.
近い色
See シアン系