Adlandırılmış renk · #F5E5DC
La Minute
La Minute, #F5E5DC: rgb(245 229 220), hsl(22 56% 91%), oklch(0.932 0.021 51.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · La Minute color name →
#F5E5DC
oklch(0.932 0.021 51.5)
Renk dönüşümleri
- HEX
- #f5e5dc
- RGB
- rgb(245 229 220)
- HSL
- hsl(22 56% 91%)
- HWB
- hwb(22 86% 4%)
- OKLCH
- oklch(0.932 0.021 51.5)
- OKLab
- oklab(0.932 0.013 0.017)
- CIE Lab
- lab(92.05 4.53 6.46)
- LCH
- lch(92.05 7.89 55)
- CMYK
- cmyk(0% 7% 10% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F6E8DF
- F7EAE3
- F8EDE6
- F9EFEA
- FAF2ED
- FBF5F1
- FCF7F4
- FDFAF8
- FEFCFB
Koyu tonlar
- D5C7BF
- B6AAA3
- 988E88
- 7B726E
- 5F5854
- 443F3C
- 2B2826
- 151211
- 030302
Gri tonlar
- E9DAD2
- DDD0C9
- D1C6BF
- C5BBB6
- B9B1AD
- ADA7A4
- A29D9B
- 969392
- 8B8A89
Renk uyumları
Tamamlayıcı +180°
- F5E5DC
La Minute
- DBECF5
≈ Ice Fishing
Analog -30° +30°
- F5E5DC
La Minute
- F7E3E2
≈ Delicacy
- F0E8D9
≈ Angel Food
Üçlü +120° +240°
- F5E5DC
La Minute
- DBEEE7
≈ Shattered Ice
- E8E6F6
≈ Cyber Lavender
Bölünmüş tamamlayıcı +150° +210°
- F5E5DC
La Minute
- D9EDEE
≈ Lakeside Mist
- E1E9F7
≈ Husky
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.12:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.12:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--la-minute: #f5e5dc;
--la-minute-rgb: 245 229 220;
--la-minute-oklch: oklch(0.932 0.021 51.5);
}
.element {
color: var(--la-minute);
background-color: hsl(22 56% 91%);
border-color: oklch(0.932 0.021 51.5);
}Tailwind CSS v4
@theme {
--color-la-minute: #f5e5dc;
--color-la-minute-50: #faf4f0;
--color-la-minute-100: #eee6e1;
--color-la-minute-200: #dcd2cc;
--color-la-minute-300: #c1b5ad;
--color-la-minute-400: #a99b93;
--color-la-minute-500: #92837a;
--color-la-minute-600: #7c6e67;
--color-la-minute-700: #635852;
--color-la-minute-800: #49403c;
--color-la-minute-900: #322c29;
--color-la-minute-950: #1e1917;
}SCSS
$la-minute: #f5e5dc;
$la-minute-rgb: 245, 229, 220;
$la-minute-light: mix(#fff, $la-minute, 20%);
$la-minute-dark: mix(#000, $la-minute, 20%);
.element {
color: $la-minute;
box-shadow: 0 0 0 2px rgba($la-minute, 0.35);
}