色名 · #FFEDC7
Frosted Lemon
Frosted Lemonは#FFEDC7：rgb(255 237 199)、hsl(41 100% 89%)、oklch(0.951 0.053 85.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Frosted Lemon color name →
#FFEDC7
oklch(0.951 0.053 85.6)
カラー変換
- HEX
- #ffedc7
- RGB
- rgb(255 237 199)
- HSL
- hsl(41 100% 89%)
- HWB
- hwb(41 78% 0%)
- OKLCH
- oklch(0.951 0.053 85.6)
- OKLab
- oklab(0.951 0.004 0.053)
- CIE Lab
- lab(94.49 2.01 20.81)
- LCH
- lch(94.49 20.91 84.5)
- CMYK
- cmyk(0% 7% 22% 0%)
ティント · シェード · トーン
ティント
- FFEFCD
- FFF1D2
- FFF3D8
- FFF4DE
- FFF6E3
- FFF8E9
- FFFAEE
- FFFBF4
- FFFDF9
シェード
- DECEAD
- BEB093
- 9E937A
- 807762
- 635C4C
- 484236
- 2E2A21
- 16140E
- 030302
トーン
- F2E2C0
- E4D6B9
- D7CBB1
- CAC0AA
- BEB5A3
- B1AA9C
- A49F95
- 98958E
- 8C8A87
カラーハーモニー
補色 +180°
- FFEDC7
Frosted Lemon
- E7EFFF
≈ Brilliant White
類似色 -30° +30°
- FFEDC7
Frosted Lemon
- FFEADD
≈ Guiding Star
- EDF4CC
≈ Race the Sun
トライアド +120° +240°
- FFEDC7
Frosted Lemon
- C9F9FF
≈ Thin Air
- FFE5FF
≈ Bunny Tail
スプリットコンプリメンタリー +150° +210°
- FFEDC7
Frosted Lemon
- DEF2FF
≈ Wizard White
- F0ECFF
≈ Placebo Purple
テトラード +90° +180° +270°
- FFEDC7
Frosted Lemon
- CAFBED
≈ Mint Coffee
- E7EFFF
≈ Brilliant White
- FFE8EF
≈ Rose Mochi
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.15:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.19:1 · APCA Lc 97
最適な文字色: #000000
WCAG 18.19:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--frosted-lemon: #ffedc7;
--frosted-lemon-rgb: 255 237 199;
--frosted-lemon-oklch: oklch(0.951 0.053 85.6);
}
.element {
color: var(--frosted-lemon);
background-color: hsl(41 100% 89%);
border-color: oklch(0.951 0.053 85.6);
}Tailwind CSS v4
@theme {
--color-frosted-lemon: #ffedc7;
--color-frosted-lemon-50: #fcf5e4;
--color-frosted-lemon-100: #efe7d4;
--color-frosted-lemon-200: #ded3bb;
--color-frosted-lemon-300: #c3b699;
--color-frosted-lemon-400: #ad9d7b;
--color-frosted-lemon-500: #96845d;
--color-frosted-lemon-600: #7f704f;
--color-frosted-lemon-700: #66593f;
--color-frosted-lemon-800: #4b412d;
--color-frosted-lemon-900: #342d1e;
--color-frosted-lemon-950: #201a0e;
}SCSS
$frosted-lemon: #ffedc7;
$frosted-lemon-rgb: 255, 237, 199;
$frosted-lemon-light: mix(#fff, $frosted-lemon, 20%);
$frosted-lemon-dark: mix(#000, $frosted-lemon, 20%);
.element {
color: $frosted-lemon;
box-shadow: 0 0 0 2px rgba($frosted-lemon, 0.35);
}