Adlandırılmış renk · #FFF1CF
Bird’s Child
Bird’s Child, #FFF1CF: rgb(255 241 207), hsl(42 100% 91%), oklch(0.961 0.047 88.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Bird’s Child color name →
#FFF1CF
oklch(0.961 0.047 88.3)
Renk dönüşümleri
- HEX
- #fff1cf
- RGB
- rgb(255 241 207)
- HSL
- hsl(42 100% 91%)
- HWB
- hwb(42 81% 0%)
- OKLCH
- oklch(0.961 0.047 88.3)
- OKLab
- oklab(0.961 0.001 0.047)
- CIE Lab
- lab(95.62 0.94 18.28)
- LCH
- lch(95.62 18.3 87.1)
- CMYK
- cmyk(0% 5% 19% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFF2D4
- FFF4D9
- FFF5DE
- FFF7E2
- FFF8E7
- FFF9EC
- FFFBF1
- FFFCF6
- FFFEFA
Koyu tonlar
- DED2B4
- BEB399
- 9E957F
- 807967
- 635D4F
- 484338
- 2E2B23
- 161410
- 030302
Gri tonlar
- F2E5C7
- E4D9BF
- D7CEB7
- CAC2AF
- BEB7A7
- B1AC9F
- A4A197
- 98968F
- 8C8B88
Renk uyumları
Tamamlayıcı +180°
- FFF1CF
Bird’s Child
- EDF2FF
≈ Placebo Blue
Analog -30° +30°
- FFF1CF
Bird’s Child
- FFEFE3
≈ Rice Pudding
- EFF7D4
≈ Rice Flower
Üçlü +120° +240°
- FFF1CF
Bird’s Child
- D7F9FF
≈ Glacial Day
- FFEBFD
≈ Fairy Bubblegum Cloud
Bölünmüş tamamlayıcı +150° +210°
- FFF1CF
Bird’s Child
- E6F4FF
≈ Kodama White
- F3EFFF
≈ Foundation White
Dörtlü +90° +180° +270°
- FFF1CF
Bird’s Child
- D2FDF2
≈ Candied Snow
- EDF2FF
≈ Placebo Blue
- FFECF2
≈ Fairy Wings
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.12:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.73:1 · APCA Lc 99
En iyi metin rengi: #000000
WCAG 18.73:1 (AAA) · APCA Lc 99
Contrast pairs
Kod parçacıkları
CSS
:root {
--bird-s-child: #fff1cf;
--bird-s-child-rgb: 255 241 207;
--bird-s-child-oklch: oklch(0.961 0.047 88.3);
}
.element {
color: var(--bird-s-child);
background-color: hsl(42 100% 91%);
border-color: oklch(0.961 0.047 88.3);
}Tailwind CSS v4
@theme {
--color-bird-s-child: #fff1cf;
--color-bird-s-child-50: #faf5e6;
--color-bird-s-child-100: #eee8d7;
--color-bird-s-child-200: #dcd4be;
--color-bird-s-child-300: #c0b79d;
--color-bird-s-child-400: #aa9d7f;
--color-bird-s-child-500: #938563;
--color-bird-s-child-600: #7c7054;
--color-bird-s-child-700: #635a43;
--color-bird-s-child-800: #4a4130;
--color-bird-s-child-900: #332d20;
--color-bird-s-child-950: #1f1a10;
}SCSS
$bird-s-child: #fff1cf;
$bird-s-child-rgb: 255, 241, 207;
$bird-s-child-light: mix(#fff, $bird-s-child, 20%);
$bird-s-child-dark: mix(#000, $bird-s-child, 20%);
.element {
color: $bird-s-child;
box-shadow: 0 0 0 2px rgba($bird-s-child, 0.35);
}