色名 · #E1ECA5
Wedge of Lime
Wedge of Limeは#E1ECA5：rgb(225 236 165)、hsl(69 65% 79%)、oklch(0.918 0.092 115.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Wedge of Lime color name →
#E1ECA5
oklch(0.918 0.092 115.4)
カラー変換
- HEX
- #e1eca5
- RGB
- rgb(225 236 165)
- HSL
- hsl(69 65% 79%)
- HWB
- hwb(69 65% 7%)
- OKLCH
- oklch(0.918 0.092 115.4)
- OKLab
- oklab(0.918 -0.039 0.083)
- CIE Lab
- lab(91.31 -12.06 33.24)
- LCH
- lch(91.31 35.36 109.9)
- CMYK
- cmyk(5% 0% 30% 7%)
ティント · シェード · トーン
ティント
- E4EEAE
- E7F0B8
- EAF2C1
- EDF4CA
- F0F6D3
- F3F8DC
- F6FAE5
- F9FBEE
- FCFDF6
シェード
- C4CD8F
- A7AF79
- 8B9265
- 707651
- 565B3D
- 3E422B
- 27291A
- 12130A
- 020301
トーン
- D7E1A2
- CDD69E
- C3CB9B
- B9C097
- AFB594
- A5AA90
- 9C9F8C
- 929588
- 898A84
カラーハーモニー
補色 +180°
- E1ECA5
Wedge of Lime
- E6DFFF
≈ Stoic White
類似色 -30° +30°
- E1ECA5
Wedge of Lime
- FFE09F
≈ Yellow Geranium
- BEF5BF
≈ Spring Slumber Green
トライアド +120° +240°
- E1ECA5
Wedge of Lime
- C7EAFF
≈ Blue Java Banana
- FFD8E5
≈ Pink Supremecy
スプリットコンプリメンタリー +150° +210°
- E1ECA5
Wedge of Lime
- D7E4FF
≈ Stoic White
- FED4FF
≈ Pink Diamond
テトラード +90° +180° +270°
- E1ECA5
Wedge of Lime
- 9FF5FF
≈ Waterspout
- E6DFFF
≈ Stoic White
- FFDAD6
≈ Forgotten Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.25:1 · APCA Lc 13
Ag
AAA黒の上
WCAG 16.74:1 · APCA Lc 91
最適な文字色: #000000
WCAG 16.74:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--wedge-of-lime: #e1eca5;
--wedge-of-lime-rgb: 225 236 165;
--wedge-of-lime-oklch: oklch(0.918 0.092 115.4);
}
.element {
color: var(--wedge-of-lime);
background-color: hsl(69 65% 79%);
border-color: oklch(0.918 0.092 115.4);
}Tailwind CSS v4
@theme {
--color-wedge-of-lime: #e1eca5;
--color-wedge-of-lime-50: #f3f9dc;
--color-wedge-of-lime-100: #e5edca;
--color-wedge-of-lime-200: #d1daae;
--color-wedge-of-lime-300: #b3be88;
--color-wedge-of-lime-400: #9ca565;
--color-wedge-of-lime-500: #848d41;
--color-wedge-of-lime-600: #707838;
--color-wedge-of-lime-700: #59602d;
--color-wedge-of-lime-800: #42461e;
--color-wedge-of-lime-900: #2e3014;
--color-wedge-of-lime-950: #1b1c06;
}SCSS
$wedge-of-lime: #e1eca5;
$wedge-of-lime-rgb: 225, 236, 165;
$wedge-of-lime-light: mix(#fff, $wedge-of-lime, 20%);
$wedge-of-lime-dark: mix(#000, $wedge-of-lime, 20%);
.element {
color: $wedge-of-lime;
box-shadow: 0 0 0 2px rgba($wedge-of-lime, 0.35);
}