Adlandırılmış renk · #F5E9D5
Mimosa
Mimosa, #F5E9D5: rgb(245 233 213), hsl(37 62% 90%), oklch(0.938 0.03 80.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Mimosa color name →
#F5E9D5
oklch(0.938 0.03 80.7)
Renk dönüşümleri
- HEX
- #f5e9d5
- RGB
- rgb(245 233 213)
- HSL
- hsl(37 62% 90%)
- HWB
- hwb(37 84% 4%)
- OKLCH
- oklch(0.938 0.03 80.7)
- OKLab
- oklab(0.938 0.005 0.029)
- CIE Lab
- lab(92.91 1.78 11.29)
- LCH
- lch(92.91 11.43 81)
- CMYK
- cmyk(0% 5% 13% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F6EBD9
- F7EDDD
- F8F0E2
- F9F2E6
- FAF4EA
- FBF6EE
- FCF8F2
- FDFBF7
- FEFDFB
Koyu tonlar
- D5CBB9
- B6AD9E
- 989083
- 7B746A
- 5F5A51
- 44413A
- 2B2924
- 151310
- 030302
Gri tonlar
- E9DECC
- DDD3C3
- D0C8BB
- C5BEB2
- B9B3AA
- ADA9A1
- A29E99
- 969490
- 8B8A88
Renk uyumları
Tamamlayıcı +180°
- F5E9D5
Mimosa
- E0EBFF
≈ Husky
Analog -30° +30°
Üçlü +120° +240°
- F5E9D5
Mimosa
- D5F1F3
≈ Let It Snow
- F4E5F7
≈ Soft Lavender
Bölünmüş tamamlayıcı +150° +210°
- F5E9D5
Mimosa
- D8EFFB
≈ Ice Castle
- EAE8FE
≈ Glitter
Dörtlü +90° +180° +270°
- F5E9D5
Mimosa
- D8F1E8
≈ Banshee
- E0EBFF
≈ Husky
- FBE3ED
≈ Spun Sugar
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.49:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.49:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--mimosa: #f5e9d5;
--mimosa-rgb: 245 233 213;
--mimosa-oklch: oklch(0.938 0.03 80.7);
}
.element {
color: var(--mimosa);
background-color: hsl(37 62% 90%);
border-color: oklch(0.938 0.03 80.7);
}Tailwind CSS v4
@theme {
--color-mimosa: #f5e9d5;
--color-mimosa-50: #f9f5ec;
--color-mimosa-100: #ede7dd;
--color-mimosa-200: #dad3c6;
--color-mimosa-300: #bfb6a7;
--color-mimosa-400: #a89d8b;
--color-mimosa-500: #908470;
--color-mimosa-600: #7a705f;
--color-mimosa-700: #625a4c;
--color-mimosa-800: #484137;
--color-mimosa-900: #322d26;
--color-mimosa-950: #1e1a14;
}SCSS
$mimosa: #f5e9d5;
$mimosa-rgb: 245, 233, 213;
$mimosa-light: mix(#fff, $mimosa, 20%);
$mimosa-dark: mix(#000, $mimosa, 20%);
.element {
color: $mimosa;
box-shadow: 0 0 0 2px rgba($mimosa, 0.35);
}