Adlandırılmış renk · #FCE5BF
Burnished Cream
Burnished Cream, #FCE5BF: rgb(252 229 191), hsl(37 91% 87%), oklch(0.931 0.056 80.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Burnished Cream color name →
#FCE5BF
oklch(0.931 0.056 80.3)
Renk dönüşümleri
- HEX
- #fce5bf
- RGB
- rgb(252 229 191)
- HSL
- hsl(37 91% 87%)
- HWB
- hwb(37 75% 1%)
- OKLCH
- oklch(0.931 0.056 80.3)
- OKLab
- oklab(0.931 0.009 0.055)
- CIE Lab
- lab(92.13 3.92 21.62)
- LCH
- lch(92.13 21.97 79.7)
- CMYK
- cmyk(0% 9% 24% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FCE8C6
- FDEACC
- FDEDD2
- FDF0D9
- FEF2DF
- FEF5E6
- FEF7EC
- FEFAF2
- FFFCF9
Koyu tonlar
- DBC7A6
- BBAA8D
- 9C8E75
- 7E725E
- 625848
- 473F33
- 2D281F
- 16120D
- 030302
Gri tonlar
- EFDAB9
- E2D0B2
- D5C6AC
- C9BBA6
- BCB19F
- B0A799
- A49D93
- 98938D
- 8C8A86
Renk uyumları
Tamamlayıcı +180°
- FCE5BF
Burnished Cream
- DCE9FF
≈ Cloudless
Analog -30° +30°
- FCE5BF
Burnished Cream
- FFE1D1
≈ Powdered Peach
- EAECC2
≈ Olive Creed
Üçlü +120° +240°
- FCE5BF
Burnished Cream
- BDF4F7
≈ Pale Sky
- F9DDFF
≈ Sugarpills
Bölünmüş tamamlayıcı +150° +210°
- FCE5BF
Burnished Cream
- CDEEFF
≈ Blue Hijab
- E7E5FF
≈ Lavender Mist
Dörtlü +90° +180° +270°
- FCE5BF
Burnished Cream
- C4F5E3
≈ Shallow End
- DCE9FF
≈ Cloudless
- FFDEEC
≈ Transparent Pink
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 {
--burnished-cream: #fce5bf;
--burnished-cream-rgb: 252 229 191;
--burnished-cream-oklch: oklch(0.931 0.056 80.3);
}
.element {
color: var(--burnished-cream);
background-color: hsl(37 91% 87%);
border-color: oklch(0.931 0.056 80.3);
}Tailwind CSS v4
@theme {
--color-burnished-cream: #fce5bf;
--color-burnished-cream-50: #fdf4e4;
--color-burnished-cream-100: #f1e7d4;
--color-burnished-cream-200: #e0d3ba;
--color-burnished-cream-300: #c6b598;
--color-burnished-cream-400: #b09b79;
--color-burnished-cream-500: #9a835c;
--color-burnished-cream-600: #826f4e;
--color-burnished-cream-700: #68583e;
--color-burnished-cream-800: #4d402c;
--color-burnished-cream-900: #362c1e;
--color-burnished-cream-950: #21190e;
}SCSS
$burnished-cream: #fce5bf;
$burnished-cream-rgb: 252, 229, 191;
$burnished-cream-light: mix(#fff, $burnished-cream, 20%);
$burnished-cream-dark: mix(#000, $burnished-cream, 20%);
.element {
color: $burnished-cream;
box-shadow: 0 0 0 2px rgba($burnished-cream, 0.35);
}