Adlandırılmış renk · #FAE2BE
Manna
Manna, #FAE2BE: rgb(250 226 190), hsl(36 86% 86%), oklch(0.923 0.054 78). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Manna color name →
#FAE2BE
oklch(0.923 0.054 78)
Renk dönüşümleri
- HEX
- #fae2be
- RGB
- rgb(250 226 190)
- HSL
- hsl(36 86% 86%)
- HWB
- hwb(36 75% 2%)
- OKLCH
- oklch(0.923 0.054 78)
- OKLab
- oklab(0.923 0.011 0.053)
- CIE Lab
- lab(91.19 4.51 20.83)
- LCH
- lch(91.19 21.31 77.8)
- CMYK
- cmyk(0% 10% 24% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBE5C5
- FBE8CB
- FCEBD2
- FCEED8
- FDF1DF
- FDF3E5
- FEF6EC
- FEF9F2
- FFFCF9
Koyu tonlar
- D9C4A5
- BAA88C
- 9B8C75
- 7D715E
- 615748
- 463E33
- 2D271F
- 15120D
- 030302
Gri tonlar
- EDD8B8
- E1CEB2
- D4C4AB
- C8BAA5
- BBB09F
- AFA699
- A39C93
- 97938C
- 8C8986
Renk uyumları
Tamamlayıcı +180°
- FAE2BE
Manna
- D7E7FF
≈ Veiling Waterfalls
Analog -30° +30°
- FAE2BE
Manna
- FFDECD
≈ Toronja
- E9E9C0
≈ White Asparagus
Üçlü +120° +240°
- FAE2BE
Manna
- BCF1F3
≈ Cold Blooded
- F5DBFE
≈ Lavender Savour
Bölünmüş tamamlayıcı +150° +210°
- FAE2BE
Manna
- C6EDFF
≈ Blue Java Banana
- E4E2FF
≈ Stoic White
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.68:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.68:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--manna: #fae2be;
--manna-rgb: 250 226 190;
--manna-oklch: oklch(0.923 0.054 78);
}
.element {
color: var(--manna);
background-color: hsl(36 86% 86%);
border-color: oklch(0.923 0.054 78);
}Tailwind CSS v4
@theme {
--color-manna: #fae2be;
--color-manna-50: #fdf4e4;
--color-manna-100: #f2e6d4;
--color-manna-200: #e1d2bb;
--color-manna-300: #c6b599;
--color-manna-400: #b09b7b;
--color-manna-500: #9a825d;
--color-manna-600: #826e4f;
--color-manna-700: #68583f;
--color-manna-800: #4d402d;
--color-manna-900: #362c1e;
--color-manna-950: #21190e;
}SCSS
$manna: #fae2be;
$manna-rgb: 250, 226, 190;
$manna-light: mix(#fff, $manna, 20%);
$manna-dark: mix(#000, $manna, 20%);
.element {
color: $manna;
box-shadow: 0 0 0 2px rgba($manna, 0.35);
}