色変換
色変換 for #14AAAF の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 20 | 170 | 175 | |
|---|---|---|---|---|
| HSL | 181.94° | 79.49% | 38.24% | |
| HSV | 181.94° | 88.57% | 68.63% | |
| CMYK | 88.57% | 2.86% | 0% | 31.37% |
| XYZ | 22.3975 | 31.9904 | 45.5434 | |
| Yxy | 31.9904 | 0.2241 | 0.3201 | |
| Hunter Lab | 56.5601 | -28.2956 | -8.1309 | |
| CIE-Lab | 63.3349 | -33.128 | -12.7881 | |
| CIE-LCH | 63.3349 | 35.5106 | 201.1076 | |
| CIE-LUV | 63.3349 | -47.4342 | -14.5612 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00010100 | 10101010 | 10101111 |
| Octal | 24 | 252 | 257 |
| Decimal | 20 | 170 | 175 |
| Hex | 14 | AA | AF |
RGB比率
CMYK比率
濃い色 #14AAAF
淡い色 #14AAAF
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#14AAAF の色 黒背景
#14AAAF の色 サンプルテキスト
#14AAAF の色 白背景
#14AAAF の色 サンプルテキスト
#14AAAF CSSコード
.background { background-color: #14AAAF; }
.text { color: #14AAAF; }
.border { border: 3px solid #14AAAF; }
.shadow { box-shadow: 0 8px 28px rgba(20, 170, 175, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト2.84:1低い
黒とのコントラスト7.4:1AAA
Webセーフカラー#009999Near
輝度0.31990-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#14AAAF color
PortuguêsCor #14AAAF
EspañolColor #14AAAF
한국어#14AAAF 색상
日本語#14AAAF の色
中文#14AAAF 颜色
DeutschFarbe #14AAAF
FrançaisCouleur #14AAAF
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #14AAAF の色.
近い色
See シアン系
Similar colors
ターコイズ surf
Turquoise Surf
Tiffany 青
Tiffany Blue
暗い ターコイズ
Dark turquoise
Robin egg 青
Robin egg blue
明るい 海 緑
Light sea green
Viridian 緑
Viridian green
Metallic seaweed
Metallic Seaweed
Maximum 青 緑
Maximum Blue Green
暗い imperial 青
Dark imperial blue
暗い シアン
Dark cyan
青-緑
Blue-green
Bright ターコイズ
Bright turquoise