Adlandırılmış renk · #F5E6C4
Pipitschah
Pipitschah, #F5E6C4: rgb(245 230 196), hsl(42 71% 86%), oklch(0.928 0.047 87). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Pipitschah color name →
#F5E6C4
oklch(0.928 0.047 87)
Renk dönüşümleri
- HEX
- #f5e6c4
- RGB
- rgb(245 230 196)
- HSL
- hsl(42 71% 86%)
- HWB
- hwb(42 77% 4%)
- OKLCH
- oklch(0.928 0.047 87)
- OKLab
- oklab(0.928 0.002 0.047)
- CIE Lab
- lab(91.86 1.34 18.58)
- LCH
- lch(91.86 18.62 85.9)
- CMYK
- cmyk(0% 6% 20% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F6E9CA
- F7EBD0
- F8EED6
- F9F0DC
- FAF3E2
- FBF5E8
- FCF8ED
- FDFAF3
- FEFDF9
Koyu tonlar
- D5C8AA
- B6AB91
- 988E78
- 7B7361
- 5F594A
- 444035
- 2B2821
- 15130E
- 030302
Gri tonlar
- E9DBBD
- DDD1B6
- D0C6AF
- C5BCA9
- B9B2A2
- ADA89B
- A29E94
- 96948D
- 8B8A87
Renk uyumları
Tamamlayıcı +180°
- F5E6C4
Pipitschah
- DDE7FF
≈ Lavender Mist
Analog -30° +30°
- F5E6C4
Pipitschah
- FFE1CC
≈ Autumn Bloom
- E5ECC9
≈ Earth Happiness
Üçlü +120° +240°
- F5E6C4
Pipitschah
- C3F1F7
≈ Heaven’s Gate
- F9DDF8
≈ Strawberry Frost
Bölünmüş tamamlayıcı +150° +210°
- F5E6C4
Pipitschah
- CFECFF
≈ Veiling Waterfalls
- EAE2FF
≈ Lavender Savour
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.99:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.99:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--pipitschah: #f5e6c4;
--pipitschah-rgb: 245 230 196;
--pipitschah-oklch: oklch(0.928 0.047 87);
}
.element {
color: var(--pipitschah);
background-color: hsl(42 71% 86%);
border-color: oklch(0.928 0.047 87);
}Tailwind CSS v4
@theme {
--color-pipitschah: #f5e6c4;
--color-pipitschah-50: #fbf5e6;
--color-pipitschah-100: #eee7d6;
--color-pipitschah-200: #dcd4be;
--color-pipitschah-300: #c1b79c;
--color-pipitschah-400: #ab9d7f;
--color-pipitschah-500: #948562;
--color-pipitschah-600: #7d7053;
--color-pipitschah-700: #645a42;
--color-pipitschah-800: #4a412f;
--color-pipitschah-900: #332d20;
--color-pipitschah-950: #1f1a10;
}SCSS
$pipitschah: #f5e6c4;
$pipitschah-rgb: 245, 230, 196;
$pipitschah-light: mix(#fff, $pipitschah, 20%);
$pipitschah-dark: mix(#000, $pipitschah, 20%);
.element {
color: $pipitschah;
box-shadow: 0 0 0 2px rgba($pipitschah, 0.35);
}