色名 · #EEDD77
Delicate Lemon
Delicate Lemonは#EEDD77：rgb(238 221 119)、hsl(51 78% 70%)、oklch(0.891 0.125 100)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Delicate Lemon color name →
#EEDD77
oklch(0.891 0.125 100)
カラー変換
- HEX
- #eedd77
- RGB
- rgb(238 221 119)
- HSL
- hsl(51 78% 70%)
- HWB
- hwb(51 47% 7%)
- OKLCH
- oklch(0.891 0.125 100)
- OKLab
- oklab(0.891 -0.022 0.123)
- CIE Lab
- lab(87.96 -3.55 51.72)
- LCH
- lch(87.96 51.85 93.9)
- CMYK
- cmyk(0% 7% 50% 7%)
ティント · シェード · トーン
ティント
- F0E187
- F1E496
- F3E8A4
- F5EBB1
- F6EFBF
- F8F2CC
- FAF5D9
- FBF9E6
- FDFCF2
シェード
- CFC067
- B1A457
- 938847
- 776E38
- 5C552A
- 423D1C
- 2A2610
- 141105
- 030201
トーン
- E2D37A
- D7CA7C
- CCC17E
- C0B77F
- B5AE80
- AAA581
- 9F9B81
- 959281
- 8A8981
カラーハーモニー
補色 +180°
- EEDD77
Delicate Lemon
- D3D8FF
≈ Icy Plains
類似色 -30° +30°
- EEDD77
Delicate Lemon
- FFD29F
≈ Apricot Fool
- C0EC92
≈ Sweet Mint Pesto
トライアド +120° +240°
- EEDD77
Delicate Lemon
- 9FE8FF
≈ Winter Wizard
- FFC7EB
≈ Soulmate Pink
スプリットコンプリメンタリー +150° +210°
- EEDD77
Delicate Lemon
- C0DFFF
≈ Dithered Sky
- EACEFF
≈ Rose Dragée
テトラード +90° +180° +270°
- EEDD77
Delicate Lemon
- 64F5ED
≈ Poseidon Jr.
- D3D8FF
≈ Icy Plains
- FFCCD2
≈ Fruit Bowl
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.37:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.24:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--delicate-lemon: #eedd77;
--delicate-lemon-rgb: 238 221 119;
--delicate-lemon-oklch: oklch(0.891 0.125 100);
}
.element {
color: var(--delicate-lemon);
background-color: hsl(51 78% 70%);
border-color: oklch(0.891 0.125 100);
}Tailwind CSS v4
@theme {
--color-delicate-lemon: #eedd77;
--color-delicate-lemon-50: #fcf7ce;
--color-delicate-lemon-100: #f0eaba;
--color-delicate-lemon-200: #ded798;
--color-delicate-lemon-300: #c4ba6c;
--color-delicate-lemon-400: #b0a03e;
--color-delicate-lemon-500: #9a8700;
--color-delicate-lemon-600: #827200;
--color-delicate-lemon-700: #685b00;
--color-delicate-lemon-800: #4e4200;
--color-delicate-lemon-900: #362e00;
--color-delicate-lemon-950: #211a00;
}SCSS
$delicate-lemon: #eedd77;
$delicate-lemon-rgb: 238, 221, 119;
$delicate-lemon-light: mix(#fff, $delicate-lemon, 20%);
$delicate-lemon-dark: mix(#000, $delicate-lemon, 20%);
.element {
color: $delicate-lemon;
box-shadow: 0 0 0 2px rgba($delicate-lemon, 0.35);
}