色変換

色変換 for #3F7C6B の色

画面、塗料、パレット、デジタル素材を比較するための数値情報です。

色空間

RGB63124107
HSL163.28°32.62%36.67%
HSV163.28°49.19%48.63%
CMYK49.19%0%13.71%51.37%
XYZ11.910316.532616.4706
Yxy16.53260.26520.3681
Hunter Lab40.6603-18.86944.4545
CIE-Lab47.6656-24.21463.2037
CIE-LCH47.665624.4256172.4633
CIE-LUV47.6656-27.15097.8767

基数表記

BaseRedGreenBlue
Binary001111110111110001101011
Octal77174153
Decimal63124107
Hex3F7C6B

RGB比率

Red
25%
Green
49%
Blue
42%

CMYK比率

Cyan
49%
Magenta
0%
Yellow
14%
Black
51%
調和

配色

#3F7C6B の色 黒背景

#3F7C6B の色 サンプルテキスト

#3F7C6B の色 白背景

#3F7C6B の色 サンプルテキスト

#3F7C6B CSSコード

.background { background-color: #3F7C6B; }
.text { color: #3F7C6B; }
.border { border: 3px solid #3F7C6B; }
.shadow { box-shadow: 0 8px 28px rgba(63, 124, 107, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.88:1AA
黒とのコントラスト4.31:1大きな文字
Webセーフカラー#336666Near
輝度0.16530-1
言語

Color names in other languages

Use these names to compare international references, paint catalogs and design materials.

English#3F7C6B color
PortuguêsCor #3F7C6B
EspañolColor #3F7C6B
한국어#3F7C6B 색상
日本語#3F7C6B の色
中文#3F7C6B 颜色
DeutschFarbe #3F7C6B
FrançaisCouleur #3F7C6B
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #3F7C6B の色.

近い色

Similar colors

See 緑系