#EFF5DA Diminished Lime
カラー #EFF5DA (Diminished Lime) のRGB値は (239, 245, 218) です。
赤の値は 239、緑の値は 245、青の値は 218 です。
カラー #EFF5DA のHSL表現: 色相: 73°、彩度: 57.4%、明度: 90.8%。
#EFF5DA のCMYK値は 2.4%, 0%, 11%, 3.9% です。Webセーフカラーの相当値は ##FFFFCC です。カラー #EFF5DA は主に CYAN を含んでいます。
色空間
| #EFF5DA の色空間 | 値 |
|---|---|
| RGB | 239, 245, 218 |
| HSL | 73°, 57.4%, 90.8% |
| HSV / HSB | 73°, 11%, 96.1% |
| CMYK | 2.4%, 0%, 11%, 3.9% |
| XYZ | 80.9, 88.72, 79.18 |
基数
| 基数 | 赤 | 緑 | 青 |
|---|---|---|---|
| 2進数 | 11101111 | 11110101 | 11011010 |
| 8進数 | 357 | 365 | 332 |
| 10進数 | 239 | 245 | 218 |
| 16進数 | EF | F5 | DA |
#EFF5DA のシェード
#EFF5DA のティント
.mybgColor { background-color: #EFF5DA; }
.myforeColor { color: #EFF5DA; }
.myborderColor { border: 3px solid #EFF5DA; }
<p style="color:#EFF5DA">Text here</p>
This sample text is styled with font color #EFF5DA. It demonstrates typography contrast and readability for Web Content Accessibility Guidelines.
<div style="background-color:#EFF5DA">Div content here</div>
<div style="border:3px solid #EFF5DA">Div here</div>
.textShadowRgb { text-shadow: 4px 4px 2px rgba(239, 245, 218, 0.8); }
.textShadowHex { text-shadow: 4px 4px 2px #EFF5DA; }
.divShadow { -moz-box-shadow: 1px 1px 3px #EFF5DA;
-webkit-box-shadow: 1px 1px 3px #EFF5DA;
box-shadow: 1px 1px 3px #EFF5DA; }
This text has a CSS3 shadow effect generated with RGB color values.
This text has a CSS3 shadow effect generated with Hex color values.
関連カラーとハーモニー
Detailed Specifications & Design Guide for #EFF5DA (Diminished Lime)
Color Overview & Profile: カラー #EFF5DA（別名: Diminished Lime）は、UIデザインや印刷でよく使用される色です。sRGB色空間では、赤 94% (239/255)、緑 96% (245/255)、青 85% (218/255) で構成されます。主なカラーファミリーは CYAN です。
Print & Physical Production Specs: 印刷用途では、#EFF5DA はCMYKモデルで シアン 2.4%、マゼンタ 0%、イエロー 11%、ブラック 3.9% に変換されます。HSL座標は色相 73°、彩度 57.4%、明度 90.8% です。
Web Accessibility & Design Recommendations: Webサイトで #EFF5DA を使用する際は、WCAG 2.1規格に準拠した十分なコントラストを確保してください。Webセーフカラーの相当値は ##FFFFCC です。