色変換
色変換 for #2F594C の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 47 | 89 | 76 | |
|---|---|---|---|---|
| HSL | 161.43° | 30.88% | 26.67% | |
| HSV | 161.43° | 47.19% | 34.9% | |
| CMYK | 47.19% | 0% | 14.61% | 65.1% |
| XYZ | 6.0486 | 8.2704 | 8.1137 | |
| Yxy | 8.2704 | 0.2696 | 0.3687 | |
| Hunter Lab | 28.7583 | -12.7843 | 3.4096 | |
| CIE-Lab | 34.5398 | -18.2218 | 2.9755 | |
| CIE-LCH | 34.5398 | 18.4631 | 170.7258 | |
| CIE-LUV | 34.5398 | -18.4935 | 6.1084 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00101111 | 01011001 | 01001100 |
| Octal | 57 | 131 | 114 |
| Decimal | 47 | 89 | 76 |
| Hex | 2F | 59 | 4C |
RGB比率
CMYK比率
濃い色 #2F594C
淡い色 #2F594C
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#2F594C の色 黒背景
#2F594C の色 サンプルテキスト
#2F594C の色 白背景
#2F594C の色 サンプルテキスト
#2F594C CSSコード
.background { background-color: #2F594C; }
.text { color: #2F594C; }
.border { border: 3px solid #2F594C; }
.shadow { box-shadow: 0 8px 28px rgba(47, 89, 76, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト7.91:1AAA
黒とのコントラスト2.65:1低い
Webセーフカラー#336633Near
輝度0.08270-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#2F594C color
PortuguêsCor #2F594C
EspañolColor #2F594C
한국어#2F594C 색상
日本語#2F594C の色
中文#2F594C 颜色
DeutschFarbe #2F594C
FrançaisCouleur #2F594C
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #2F594C の色.
近い色
See 緑系
Similar colors
Medium jungle 緑
Medium jungle green
深い aquamarine
Deep aquamarine
Viridian
Viridian
Hooker's 緑
Hooker's green
Brunswick 緑
Brunswick green
English 緑
English green
暗い jungle 緑
Dark jungle green
Illuminating emerald
Illuminating Emerald
Msu 緑
MSU Green
Mountain meadow
Mountain Meadow
Wintergreen dream
Wintergreen Dream
Polished pine
Polished Pine