色名 · #FFFBC1
Ice Lemon
Ice Lemonは#FFFBC1：rgb(255 251 193)、hsl(56 100% 88%)、oklch(0.977 0.074 104.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Ice Lemon color name →
#FFFBC1
oklch(0.977 0.074 104.4)
カラー変換
- HEX
- #fffbc1
- RGB
- rgb(255 251 193)
- HSL
- hsl(56 100% 88%)
- HWB
- hwb(56 76% 0%)
- OKLCH
- oklch(0.977 0.074 104.4)
- OKLab
- oklab(0.977 -0.018 0.072)
- CIE Lab
- lab(97.89 -5.2 28.44)
- LCH
- lch(97.89 28.91 100.4)
- CMYK
- cmyk(0% 2% 24% 0%)
ティント · シェード · トーン
ティント
- FFFBC8
- FFFCCE
- FFFCD4
- FFFDDB
- FFFDE1
- FFFEE7
- FFFEED
- FFFEF3
- FFFFF9
シェード
- DEDAA7
- BEBA8F
- 9E9C77
- 807E5F
- 636149
- 484634
- 2E2D20
- 16150E
- 030302
トーン
- F2EEBB
- E4E1B4
- D7D5AE
- CAC8A7
- BDBCA1
- B1B09A
- A4A394
- 98978D
- 8C8C87
カラーハーモニー
補色 +180°
- FFFBC1
Ice Lemon
- F6F7FF
≈ Ghost White
類似色 -30° +30°
- FFFBC1
Ice Lemon
- FFF6EB
≈ Apricot Ice
- EBFFE0
≈ Baby Tooth
トライアド +120° +240°
- FFFBC1
Ice Lemon
- EEFAFF
≈ Alice Blue
- FFF4FA
≈ Sea Salt Sherbet
スプリットコンプリメンタリー +150° +210°
- FFFBC1
Ice Lemon
- F3F8FF
≈ Mā White
- FBF5FF
≈ Sugar Crystal
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.05:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 19.82:1 · APCA Lc 103
最適な文字色: #000000
WCAG 19.82:1 (AAA) · APCA Lc 103
Contrast pairs
コードスニペット
CSS
:root {
--ice-lemon: #fffbc1;
--ice-lemon-rgb: 255 251 193;
--ice-lemon-oklch: oklch(0.977 0.074 104.4);
}
.element {
color: var(--ice-lemon);
background-color: hsl(56 100% 88%);
border-color: oklch(0.977 0.074 104.4);
}Tailwind CSS v4
@theme {
--color-ice-lemon: #fffbc1;
--color-ice-lemon-50: #f7f7df;
--color-ice-lemon-100: #eaeace;
--color-ice-lemon-200: #d8d7b3;
--color-ice-lemon-300: #bcba8f;
--color-ice-lemon-400: #a5a16d;
--color-ice-lemon-500: #8e894d;
--color-ice-lemon-600: #787442;
--color-ice-lemon-700: #605d34;
--color-ice-lemon-800: #474324;
--color-ice-lemon-900: #312f18;
--color-ice-lemon-950: #1d1b09;
}SCSS
$ice-lemon: #fffbc1;
$ice-lemon-rgb: 255, 251, 193;
$ice-lemon-light: mix(#fff, $ice-lemon, 20%);
$ice-lemon-dark: mix(#000, $ice-lemon, 20%);
.element {
color: $ice-lemon;
box-shadow: 0 0 0 2px rgba($ice-lemon, 0.35);
}