Benannte Farbe · #F8C49A
Cream Blush
Cream Blush ist #F8C49A: rgb(248 196 154), hsl(27 87% 79%), oklch(0.857 0.081 60.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cream Blush color name →
#F8C49A
oklch(0.857 0.081 60.3)
Farbumrechnungen
- HEX
- #f8c49a
- RGB
- rgb(248 196 154)
- HSL
- hsl(27 87% 79%)
- HWB
- hwb(27 60% 3%)
- OKLCH
- oklch(0.857 0.081 60.3)
- OKLab
- oklab(0.857 0.04 0.071)
- CIE Lab
- lab(83.13 15.14 28.59)
- LCH
- lch(83.13 32.35 62.1)
- CMYK
- cmyk(0% 21% 38% 3%)
Tints · Shades · Tones
Tints
- F9CAA4
- FAD0AE
- FBD6B9
- FCDCC3
- FCE2CD
- FDE8D7
- FEEDE1
- FEF3EB
- FFF9F5
Shades
- D8AA85
- B89171
- 9A785E
- 7C614B
- 604A39
- 453527
- 2C2117
- 150E09
- 030201
Tones
- ECBD98
- DFB695
- D3AF93
- C7A991
- BBA28E
- AF9B8B
- A39489
- 978D86
- 8C8783
Farbharmonien
Komplementär +180°
- F8C49A
Cream Blush
- A1D7FF
≈ Malmö FF
Analog -30° +30°
- F8C49A
Cream Blush
- FFBDB2
≈ Melon Water
- E4CE92
≈ Garden Picket
Triadisch +120° +240°
- F8C49A
Cream Blush
- 93E2D2
≈ Beach Glass
- D8C4FE
≈ Neon Boneyard
Geteilt komplementär +150° +210°
- F8C49A
Cream Blush
- 8EDFEE
≈ Photon Barrier
- BECEFF
≈ Lavender Blue
Tetradisch +90° +180° +270°
- F8C49A
Cream Blush
- AAE0B4
≈ Celtic Spring
- A1D7FF
≈ Malmö FF
- EFBDE9
≈ Lovecloud
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.35:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--cream-blush: #f8c49a;
--cream-blush-rgb: 248 196 154;
--cream-blush-oklch: oklch(0.857 0.081 60.3);
}
.element {
color: var(--cream-blush);
background-color: hsl(27 87% 79%);
border-color: oklch(0.857 0.081 60.3);
}Tailwind CSS v4
@theme {
--color-cream-blush: #f8c49a;
--color-cream-blush-50: #fff1de;
--color-cream-blush-100: #fce3cd;
--color-cream-blush-200: #eecdb1;
--color-cream-blush-300: #d6af8d;
--color-cream-blush-400: #c2936d;
--color-cream-blush-500: #ae794c;
--color-cream-blush-600: #936741;
--color-cream-blush-700: #765234;
--color-cream-blush-800: #583b25;
--color-cream-blush-900: #3d2919;
--color-cream-blush-950: #271609;
}SCSS
$cream-blush: #f8c49a;
$cream-blush-rgb: 248, 196, 154;
$cream-blush-light: mix(#fff, $cream-blush, 20%);
$cream-blush-dark: mix(#000, $cream-blush, 20%);
.element {
color: $cream-blush;
box-shadow: 0 0 0 2px rgba($cream-blush, 0.35);
}