Adlandırılmış renk · #FCEEDD
Sweet Buttermilk
Sweet Buttermilk, #FCEEDD: rgb(252 238 221), hsl(33 84% 93%), oklch(0.956 0.027 72.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Sweet Buttermilk color name →
#FCEEDD
oklch(0.956 0.027 72.8)
Renk dönüşümleri
- HEX
- #fceedd
- RGB
- rgb(252 238 221)
- HSL
- hsl(33 84% 93%)
- HWB
- hwb(33 87% 1%)
- OKLCH
- oklch(0.956 0.027 72.8)
- OKLab
- oklab(0.956 0.008 0.026)
- CIE Lab
- lab(94.88 2.83 10.04)
- LCH
- lch(94.88 10.44 74.2)
- CMYK
- cmyk(0% 6% 12% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FCF0E0
- FDF1E4
- FDF3E7
- FDF5EB
- FEF7EE
- FEF8F1
- FEFAF5
- FEFCF8
- FFFDFC
Koyu tonlar
- DBCFC0
- BBB1A4
- 9C9388
- 7E776E
- 625C55
- 47423D
- 2D2A26
- 161411
- 030302
Gri tonlar
- EFE2D3
- E2D7CA
- D5CCC0
- C9C1B7
- BCB5AD
- B0ABA4
- A4A09B
- 989592
- 8C8A89
Renk uyumları
Tamamlayıcı +180°
- FCEEDD
Sweet Buttermilk
- E6F2FF
≈ Cotton Boll
Analog -30° +30°
- FCEEDD
Sweet Buttermilk
- FFECE4
≈ Peach Breeze
- F3F2DD
≈ Restful Rain
Üçlü +120° +240°
- FCEEDD
Sweet Buttermilk
- DDF7F5
≈ Frosty Mint
- F7EBFE
≈ Placebo Fuchsia
Bölünmüş tamamlayıcı +150° +210°
- FCEEDD
Sweet Buttermilk
- DEF5FE
≈ Glacial Day
- EEEFFF
≈ Carte Blanche
Dörtlü +90° +180° +270°
- FCEEDD
Sweet Buttermilk
- E1F6EB
≈ Nettle Rash
- E6F2FF
≈ Cotton Boll
- FEEAF5
≈ Placebo Magenta
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.14:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.41:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.41:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--sweet-buttermilk: #fceedd;
--sweet-buttermilk-rgb: 252 238 221;
--sweet-buttermilk-oklch: oklch(0.956 0.027 72.8);
}
.element {
color: var(--sweet-buttermilk);
background-color: hsl(33 84% 93%);
border-color: oklch(0.956 0.027 72.8);
}Tailwind CSS v4
@theme {
--color-sweet-buttermilk: #fceedd;
--color-sweet-buttermilk-50: #faf4ed;
--color-sweet-buttermilk-100: #ede7de;
--color-sweet-buttermilk-200: #dbd3c8;
--color-sweet-buttermilk-300: #c0b6a8;
--color-sweet-buttermilk-400: #a99c8d;
--color-sweet-buttermilk-500: #928473;
--color-sweet-buttermilk-600: #7b7061;
--color-sweet-buttermilk-700: #63594e;
--color-sweet-buttermilk-800: #494138;
--color-sweet-buttermilk-900: #322d27;
--color-sweet-buttermilk-950: #1e1a15;
}SCSS
$sweet-buttermilk: #fceedd;
$sweet-buttermilk-rgb: 252, 238, 221;
$sweet-buttermilk-light: mix(#fff, $sweet-buttermilk, 20%);
$sweet-buttermilk-dark: mix(#000, $sweet-buttermilk, 20%);
.element {
color: $sweet-buttermilk;
box-shadow: 0 0 0 2px rgba($sweet-buttermilk, 0.35);
}