色名 · #EBECA7
Lemon Pepper
Lemon Pepperは#EBECA7：rgb(235 236 167)、hsl(61 64% 79%)、oklch(0.926 0.088 108.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Lemon Pepper color name →
#EBECA7
oklch(0.926 0.088 108.7)
カラー変換
- HEX
- #ebeca7
- RGB
- rgb(235 236 167)
- HSL
- hsl(61 64% 79%)
- HWB
- hwb(61 65% 7%)
- OKLCH
- oklch(0.926 0.088 108.7)
- OKLab
- oklab(0.926 -0.028 0.084)
- CIE Lab
- lab(92.11 -8.11 33.46)
- LCH
- lch(92.11 34.43 103.6)
- CMYK
- cmyk(0% 0% 29% 7%)
ティント · シェード · トーン
ティント
- EDEEB0
- EFF0B9
- F1F2C2
- F3F4CB
- F5F6D4
- F7F8DD
- F9FAE5
- FBFBEE
- FDFDF7
シェード
- CCCD91
- AEAF7B
- 919266
- 757652
- 5B5B3E
- 41422C
- 29291A
- 13130A
- 030301
トーン
- E0E1A4
- D5D6A0
- CACB9C
- BFC099
- B4B595
- A9AA91
- 9F9F8D
- 949589
- 8A8A84
カラーハーモニー
補色 +180°
- EBECA7
Lemon Pepper
- E5E3FF
≈ Lavender Mist
類似色 -30° +30°
- EBECA7
Lemon Pepper
- FFE2B5
≈ Parachute Silk
- C9F5BD
≈ Maroccan Tea
トライアド +120° +240°
- EBECA7
Lemon Pepper
- C9EDFF
≈ Heaven’s Gate
- FFDBEB
≈ Rose Glow
スプリットコンプリメンタリー +150° +210°
- EBECA7
Lemon Pepper
- D9E8FF
≈ Veiling Waterfalls
- F7DBFF
≈ Sugarpills
テトラード +90° +180° +270°
- EBECA7
Lemon Pepper
- 9DF9FD
≈ Eternal Winter
- E5E3FF
≈ Lavender Mist
- FFDDDD
≈ Rose Tonic
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.08:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--lemon-pepper: #ebeca7;
--lemon-pepper-rgb: 235 236 167;
--lemon-pepper-oklch: oklch(0.926 0.088 108.7);
}
.element {
color: var(--lemon-pepper);
background-color: hsl(61 64% 79%);
border-color: oklch(0.926 0.088 108.7);
}Tailwind CSS v4
@theme {
--color-lemon-pepper: #ebeca7;
--color-lemon-pepper-50: #f6f8db;
--color-lemon-pepper-100: #e9ebca;
--color-lemon-pepper-200: #d5d8ad;
--color-lemon-pepper-300: #b9bc88;
--color-lemon-pepper-400: #a2a364;
--color-lemon-pepper-500: #8b8b41;
--color-lemon-pepper-600: #767538;
--color-lemon-pepper-700: #5e5e2c;
--color-lemon-pepper-800: #46441e;
--color-lemon-pepper-900: #302f14;
--color-lemon-pepper-950: #1d1c06;
}SCSS
$lemon-pepper: #ebeca7;
$lemon-pepper-rgb: 235, 236, 167;
$lemon-pepper-light: mix(#fff, $lemon-pepper, 20%);
$lemon-pepper-dark: mix(#000, $lemon-pepper, 20%);
.element {
color: $lemon-pepper;
box-shadow: 0 0 0 2px rgba($lemon-pepper, 0.35);
}