Adlandırılmış renk · #F4E5DD
Polo Tan
Polo Tan, #F4E5DD: rgb(244 229 221), hsl(21 51% 91%), oklch(0.932 0.02 50.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Polo Tan color name →
#F4E5DD
oklch(0.932 0.02 50.1)
Renk dönüşümleri
- HEX
- #f4e5dd
- RGB
- rgb(244 229 221)
- HSL
- hsl(21 51% 91%)
- HWB
- hwb(21 87% 4%)
- OKLCH
- oklch(0.932 0.02 50.1)
- OKLab
- oklab(0.932 0.013 0.015)
- CIE Lab
- lab(91.99 4.29 5.84)
- LCH
- lch(91.99 7.25 53.7)
- CMYK
- cmyk(0% 6% 9% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F5E8E0
- F6EAE4
- F7EDE7
- F8EFEB
- FAF2EE
- FBF5F1
- FCF7F5
- FDFAF8
- FEFCFC
Koyu tonlar
- D4C7C0
- B5AAA4
- 978E88
- 7A726E
- 5E5855
- 443F3D
- 2B2826
- 141211
- 030302
Gri tonlar
- E8DAD3
- DCD0CA
- D0C6C0
- C4BBB7
- B8B1AD
- ADA7A4
- A19D9B
- 969392
- 8B8A89
Renk uyumları
Tamamlayıcı +180°
- F4E5DD
Polo Tan
- DCEBF3
≈ Ice Fishing
Analog -30° +30°
- F4E5DD
Polo Tan
- F5E4E3
≈ Faint Pink
- EFE7DA
≈ Soft Pearl
Üçlü +120° +240°
- F4E5DD
Polo Tan
- DCEDE6
≈ Waterscape
- E8E6F5
≈ Lavender Syrup
Bölünmüş tamamlayıcı +150° +210°
- F4E5DD
Polo Tan
- DAEDEE
≈ Blue Green Rules
- E1E9F6
≈ Harbour Afternoon
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.09:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.09:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--polo-tan: #f4e5dd;
--polo-tan-rgb: 244 229 221;
--polo-tan-oklch: oklch(0.932 0.02 50.1);
}
.element {
color: var(--polo-tan);
background-color: hsl(21 51% 91%);
border-color: oklch(0.932 0.02 50.1);
}Tailwind CSS v4
@theme {
--color-polo-tan: #f4e5dd;
--color-polo-tan-50: #faf4f0;
--color-polo-tan-100: #eee6e2;
--color-polo-tan-200: #dbd2cd;
--color-polo-tan-300: #c0b5ae;
--color-polo-tan-400: #a99b94;
--color-polo-tan-500: #92837b;
--color-polo-tan-600: #7b6f68;
--color-polo-tan-700: #635853;
--color-polo-tan-800: #48403d;
--color-polo-tan-900: #322c2a;
--color-polo-tan-950: #1e1917;
}SCSS
$polo-tan: #f4e5dd;
$polo-tan-rgb: 244, 229, 221;
$polo-tan-light: mix(#fff, $polo-tan, 20%);
$polo-tan-dark: mix(#000, $polo-tan, 20%);
.element {
color: $polo-tan;
box-shadow: 0 0 0 2px rgba($polo-tan, 0.35);
}