Adlandırılmış renk · #F1E3BD
Egg Noodle
Egg Noodle, #F1E3BD: rgb(241 227 189), hsl(44 65% 84%), oklch(0.917 0.052 90.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Egg Noodle color name →
#F1E3BD
oklch(0.917 0.052 90.2)
Renk dönüşümleri
- HEX
- #f1e3bd
- RGB
- rgb(241 227 189)
- HSL
- hsl(44 65% 84%)
- HWB
- hwb(44 74% 5%)
- OKLCH
- oklch(0.917 0.052 90.2)
- OKLab
- oklab(0.917 0 0.052)
- CIE Lab
- lab(90.65 0.56 20.46)
- LCH
- lch(90.65 20.46 88.4)
- CMYK
- cmyk(0% 6% 22% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2E6C4
- F4E9CA
- F5EBD1
- F7EED8
- F8F1DE
- F9F4E5
- FBF7EB
- FCF9F2
- FEFCF8
Koyu tonlar
- D2C5A4
- B3A88C
- 958C74
- 79715D
- 5D5747
- 433F33
- 2B271F
- 14120D
- 030302
Gri tonlar
- E5D9B7
- D9CEB1
- CEC4AB
- C2BAA5
- B7B09E
- ACA698
- A19D92
- 96938C
- 8B8986
Renk uyumları
Tamamlayıcı +180°
- F1E3BD
Egg Noodle
- D9E3FF
≈ Stoic White
Analog -30° +30°
- F1E3BD
Egg Noodle
- FFDCC2
≈ Whispering Peach
- DFEAC3
≈ Kiwi Sorbet
Üçlü +120° +240°
- F1E3BD
Egg Noodle
- BCEEF7
≈ Ice Effect
- F9D8F4
≈ Jacaranda
Bölünmüş tamamlayıcı +150° +210°
- F1E3BD
Egg Noodle
- CAE8FF
≈ Blue Java Banana
- E8DDFF
≈ Lavender Savour
Dörtlü +90° +180° +270°
- F1E3BD
Egg Noodle
- BFF0E5
≈ Light Water Wings
- D9E3FF
≈ Stoic White
- FFD8E2
≈ It’s a Girl!
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.46:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.46:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--egg-noodle: #f1e3bd;
--egg-noodle-rgb: 241 227 189;
--egg-noodle-oklch: oklch(0.917 0.052 90.2);
}
.element {
color: var(--egg-noodle);
background-color: hsl(44 65% 84%);
border-color: oklch(0.917 0.052 90.2);
}Tailwind CSS v4
@theme {
--color-egg-noodle: #f1e3bd;
--color-egg-noodle-50: #faf5e5;
--color-egg-noodle-100: #eee8d5;
--color-egg-noodle-200: #dcd4bc;
--color-egg-noodle-300: #c1b79a;
--color-egg-noodle-400: #aa9e7c;
--color-egg-noodle-500: #93855e;
--color-egg-noodle-600: #7d7150;
--color-egg-noodle-700: #645a40;
--color-egg-noodle-800: #4a422d;
--color-egg-noodle-900: #332d1f;
--color-egg-noodle-950: #1f1a0f;
}SCSS
$egg-noodle: #f1e3bd;
$egg-noodle-rgb: 241, 227, 189;
$egg-noodle-light: mix(#fff, $egg-noodle, 20%);
$egg-noodle-dark: mix(#000, $egg-noodle, 20%);
.element {
color: $egg-noodle;
box-shadow: 0 0 0 2px rgba($egg-noodle, 0.35);
}