En yakın adlandırılmış renk · #FCECE3
#FCECE3
En yakın adlandırılmış renk: Vanilla Blush
#FCECE3 (rgb(252 236 227), hsl(22 81% 94%), oklch(0.953 0.021 51.5)) en çok Vanilla Blush adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FCECE3
oklch(0.953 0.021 51.5)
Renk dönüşümleri
- HEX
- #fcece3
- RGB
- rgb(252 236 227)
- HSL
- hsl(22 81% 94%)
- HWB
- hwb(22 89% 1%)
- OKLCH
- oklch(0.953 0.021 51.5)
- OKLab
- oklab(0.953 0.013 0.017)
- CIE Lab
- lab(94.5 4.5 6.43)
- LCH
- lch(94.5 7.84 55)
- CMYK
- cmyk(0% 6% 10% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FCEEE6
- FDF0E9
- FDF2EB
- FDF4EE
- FEF5F1
- FEF7F4
- FEF9F7
- FEFBF9
- FFFDFC
Koyu tonlar
- DBCDC5
- BBAFA8
- 9C928C
- 7E7671
- 625B57
- 47423F
- 2D2927
- 161312
- 030303
Gri tonlar
- EFE1D9
- E2D5CE
- D5CAC4
- C9BFBA
- BCB5B0
- B0AAA6
- A49F9D
- 989593
- 8C8A89
Renk uyumları
Tamamlayıcı +180°
- FCECE3
Vanilla Blush
- E2F3FC
≈ Wizard White
Analog -30° +30°
- FCECE3
Vanilla Blush
- FEEAE9
≈ Pink Lemonade
- F7EFE0
≈ Fresh Snow
Üçlü +120° +240°
- FCECE3
Vanilla Blush
- E2F5EE
≈ Frosty Mint
- EFEDFD
≈ Foundation White
Bölünmüş tamamlayıcı +150° +210°
- FCECE3
Vanilla Blush
- E0F4F5
≈ Bone-Chilling
- E8F0FE
≈ Cotton Boll
Dörtlü +90° +180° +270°
- FCECE3
Vanilla Blush
- E8F3E6
≈ Glacier Ivy
- E2F3FC
≈ Wizard White
- F7EBF8
≈ Placebo Fuchsia
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.15:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.24:1 · APCA Lc 97
En iyi metin rengi: #000000
WCAG 18.24:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--vanilla-blush: #fcece3;
--vanilla-blush-rgb: 252 236 227;
--vanilla-blush-oklch: oklch(0.953 0.021 51.5);
}
.element {
color: var(--vanilla-blush);
background-color: hsl(22 81% 94%);
border-color: oklch(0.953 0.021 51.5);
}Tailwind CSS v4
@theme {
--color-vanilla-blush: #fcece3;
--color-vanilla-blush-50: #faf4f0;
--color-vanilla-blush-100: #eee6e1;
--color-vanilla-blush-200: #dcd2cc;
--color-vanilla-blush-300: #c1b5ae;
--color-vanilla-blush-400: #a99b93;
--color-vanilla-blush-500: #92837a;
--color-vanilla-blush-600: #7c6f67;
--color-vanilla-blush-700: #635852;
--color-vanilla-blush-800: #49403c;
--color-vanilla-blush-900: #322c29;
--color-vanilla-blush-950: #1e1917;
}SCSS
$vanilla-blush: #fcece3;
$vanilla-blush-rgb: 252, 236, 227;
$vanilla-blush-light: mix(#fff, $vanilla-blush, 20%);
$vanilla-blush-dark: mix(#000, $vanilla-blush, 20%);
.element {
color: $vanilla-blush;
box-shadow: 0 0 0 2px rgba($vanilla-blush, 0.35);
}