色名 · #FFFFEC
Lemon Juice
Lemon Juiceは#FFFFEC：rgb(255 255 236)、hsl(60 100% 96%)、oklch(0.995 0.025 106.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Lemon Juice color name →
#FFFFEC
oklch(0.995 0.025 106.8)
カラー変換
- HEX
- #ffffec
- RGB
- rgb(255 255 236)
- HSL
- hsl(60 100% 96%)
- HWB
- hwb(60 93% 0%)
- OKLCH
- oklch(0.995 0.025 106.8)
- OKLab
- oklab(0.995 -0.007 0.024)
- CIE Lab
- lab(99.62 -2.38 9.12)
- LCH
- lch(99.62 9.42 104.7)
- CMYK
- cmyk(0% 0% 7% 0%)
ティント · シェード · トーン
ティント
- FFFFEE
- FFFFF0
- FFFFF2
- FFFFF4
- FFFFF6
- FFFFF7
- FFFFF9
- FFFFFB
- FFFFFD
シェード
- DEDECD
- BEBEAF
- 9E9E92
- 808076
- 63635B
- 484842
- 2E2E29
- 161613
- 030303
トーン
- F2F2E1
- E4E4D6
- D7D7CA
- CACABF
- BDBEB5
- B1B1AA
- A4A49F
- 989895
- 8C8C8A
カラーハーモニー
補色 +180°
- FFFFEC
Lemon Juice
- FDFDFF
≈ Pale Grey
類似色 -30° +30°
- FFFFEC
Lemon Juice
- FFFDFA
≈ Lotion
- FBFFF9
≈ Ceramic
トライアド +120° +240°
- FFFFEC
Lemon Juice
- FBFEFF
≈ Polar Bear in a Blizzard
- FFFDFE
≈ Whitecap Snow
スプリットコンプリメンタリー +150° +210°
- FFFFEC
Lemon Juice
- FCFDFF
≈ Pale Grey
- FEFDFF
≈ Pale Grey
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.01:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 20.76:1 · APCA Lc 107
最適な文字色: #000000
WCAG 20.76:1 (AAA) · APCA Lc 107
Contrast pairs
コードスニペット
CSS
:root {
--lemon-juice: #ffffec;
--lemon-juice-rgb: 255 255 236;
--lemon-juice-oklch: oklch(0.995 0.025 106.8);
}
.element {
color: var(--lemon-juice);
background-color: hsl(60 100% 96%);
border-color: oklch(0.995 0.025 106.8);
}Tailwind CSS v4
@theme {
--color-lemon-juice: #ffffec;
--color-lemon-juice-50: #f5f6ee;
--color-lemon-juice-100: #e8e9df;
--color-lemon-juice-200: #d5d5c9;
--color-lemon-juice-300: #b8b9aa;
--color-lemon-juice-400: #a0a08f;
--color-lemon-juice-500: #888875;
--color-lemon-juice-600: #737363;
--color-lemon-juice-700: #5c5c4f;
--color-lemon-juice-800: #434339;
--color-lemon-juice-900: #2f2e27;
--color-lemon-juice-950: #1b1b15;
}SCSS
$lemon-juice: #ffffec;
$lemon-juice-rgb: 255, 255, 236;
$lemon-juice-light: mix(#fff, $lemon-juice, 20%);
$lemon-juice-dark: mix(#000, $lemon-juice, 20%);
.element {
color: $lemon-juice;
box-shadow: 0 0 0 2px rgba($lemon-juice, 0.35);
}