色名 · #FFDD93
Lemon Pound Cake
Lemon Pound Cakeは#FFDD93：rgb(255 221 147)、hsl(41 100% 79%)、oklch(0.91 0.1 85.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Lemon Pound Cake color name →
#FFDD93
oklch(0.91 0.1 85.8)
カラー変換
- HEX
- #ffdd93
- RGB
- rgb(255 221 147)
- HSL
- hsl(41 100% 79%)
- HWB
- hwb(41 58% 0%)
- OKLCH
- oklch(0.91 0.1 85.8)
- OKLab
- oklab(0.91 0.007 0.099)
- CIE Lab
- lab(89.79 5.11 40.86)
- LCH
- lch(89.79 41.17 82.9)
- CMYK
- cmyk(0% 13% 42% 0%)
ティント · シェード · トーン
ティント
- FFE19F
- FFE4AA
- FFE8B5
- FFEBC0
- FFEECB
- FFF2D5
- FFF5E0
- FFF8EA
- FFFCF5
シェード
- DEC07F
- BEA46C
- 9E8859
- 806E47
- 635536
- 483D25
- 2E2616
- 161108
- 030201
トーン
- F2D392
- E4CA91
- D7C08F
- CAB78E
- BEAE8C
- B1A48A
- A59B88
- 989285
- 8C8983
カラーハーモニー
補色 +180°
- FFDD93
Lemon Pound Cake
- D4E1FF
≈ Contrail
類似色 -30° +30°
- FFDD93
Lemon Pound Cake
- FFD9BF
≈ Sun-Kissed Peach
- DEEA9D
≈ Luminary Green
トライアド +120° +240°
- FFDD93
Lemon Pound Cake
- 94F3FF
≈ Shallow Water
- FECFFF
≈ Pink Diamond
スプリットコンプリメンタリー +150° +210°
- FFDD93
Lemon Pound Cake
- C2E7FF
≈ Blue Java Banana
- E3DBFF
≈ Transparent Blue
テトラード +90° +180° +270°
- FFDD93
Lemon Pound Cake
- 95F7DE
≈ Turquoise Pearl
- D4E1FF
≈ Contrail
- FFD4E2
≈ Poplar Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.31:1 · APCA Lc 15
Ag
AAA黒の上
WCAG 16.01:1 · APCA Lc 88
最適な文字色: #000000
WCAG 16.01:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--lemon-pound-cake: #ffdd93;
--lemon-pound-cake-rgb: 255 221 147;
--lemon-pound-cake-oklch: oklch(0.91 0.1 85.8);
}
.element {
color: var(--lemon-pound-cake);
background-color: hsl(41 100% 79%);
border-color: oklch(0.91 0.1 85.8);
}Tailwind CSS v4
@theme {
--color-lemon-pound-cake: #ffdd93;
--color-lemon-pound-cake-50: #fff4d5;
--color-lemon-pound-cake-100: #f6e7c3;
--color-lemon-pound-cake-200: #e6d2a4;
--color-lemon-pound-cake-300: #cdb57c;
--color-lemon-pound-cake-400: #b99a56;
--color-lemon-pound-cake-500: #a4812b;
--color-lemon-pound-cake-600: #8a6d26;
--color-lemon-pound-cake-700: #6f571e;
--color-lemon-pound-cake-800: #533f14;
--color-lemon-pound-cake-900: #3a2b0d;
--color-lemon-pound-cake-950: #241902;
}SCSS
$lemon-pound-cake: #ffdd93;
$lemon-pound-cake-rgb: 255, 221, 147;
$lemon-pound-cake-light: mix(#fff, $lemon-pound-cake, 20%);
$lemon-pound-cake-dark: mix(#000, $lemon-pound-cake, 20%);
.element {
color: $lemon-pound-cake;
box-shadow: 0 0 0 2px rgba($lemon-pound-cake, 0.35);
}