Benannte Farbe · #FFEAC5
Papaya Sorbet
Papaya Sorbet ist #FFEAC5: rgb(255 234 197), hsl(38 100% 89%), oklch(0.945 0.053 81.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Papaya Sorbet color name →
#FFEAC5
oklch(0.945 0.053 81.8)
Farbumrechnungen
- HEX
- #ffeac5
- RGB
- rgb(255 234 197)
- HSL
- hsl(38 100% 89%)
- HWB
- hwb(38 77% 0%)
- OKLCH
- oklch(0.945 0.053 81.8)
- OKLab
- oklab(0.945 0.008 0.053)
- CIE Lab
- lab(93.72 3.24 20.77)
- LCH
- lch(93.72 21.02 81.1)
- CMYK
- cmyk(0% 8% 23% 0%)
Tints · Shades · Tones
Tints
- FFECCB
- FFEED1
- FFF0D7
- FFF3DC
- FFF5E2
- FFF7E8
- FFF9EE
- FFFBF4
- FFFDF9
Shades
- DECBAB
- BEAE92
- 9E9179
- 807561
- 635A4B
- 484135
- 2E2921
- 16130E
- 030302
Tones
- F2DFBE
- E4D4B7
- D7C9B0
- CABEA9
- BEB4A2
- B1A99B
- A49F95
- 98948E
- 8C8A87
Farbharmonien
Komplementär +180°
- FFEAC5
Papaya Sorbet
- E3EDFF
≈ Brilliant White
Analog -30° +30°
- FFEAC5
Papaya Sorbet
- FFE7DA
≈ Light Peach Rose
- EDF1C8
≈ Spring Sun
Triadisch +120° +240°
- FFEAC5
Papaya Sorbet
- C4F8FC
≈ Friendly Frost
- FBE3FF
≈ Fairy Salt
Geteilt komplementär +150° +210°
- FFEAC5
Papaya Sorbet
- D8F1FF
≈ Wizard White
- ECEAFF
≈ Placebo Purple
Tetradisch +90° +180° +270°
- FFEAC5
Papaya Sorbet
- CAF9E8
≈ Cactus Water
- E3EDFF
≈ Brilliant White
- FFE4EF
≈ Sweetly
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.17:1 · APCA Lc 9
Ag
AAAAuf Schwarz
WCAG 17.82:1 · APCA Lc 96
Beste Textfarbe: #000000
WCAG 17.82:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--papaya-sorbet: #ffeac5;
--papaya-sorbet-rgb: 255 234 197;
--papaya-sorbet-oklch: oklch(0.945 0.053 81.8);
}
.element {
color: var(--papaya-sorbet);
background-color: hsl(38 100% 89%);
border-color: oklch(0.945 0.053 81.8);
}Tailwind CSS v4
@theme {
--color-papaya-sorbet: #ffeac5;
--color-papaya-sorbet-50: #fcf4e4;
--color-papaya-sorbet-100: #f0e7d4;
--color-papaya-sorbet-200: #dfd3bb;
--color-papaya-sorbet-300: #c4b699;
--color-papaya-sorbet-400: #ae9c7b;
--color-papaya-sorbet-500: #98835d;
--color-papaya-sorbet-600: #816f4f;
--color-papaya-sorbet-700: #67593f;
--color-papaya-sorbet-800: #4c402d;
--color-papaya-sorbet-900: #352c1e;
--color-papaya-sorbet-950: #20190e;
}SCSS
$papaya-sorbet: #ffeac5;
$papaya-sorbet-rgb: 255, 234, 197;
$papaya-sorbet-light: mix(#fff, $papaya-sorbet, 20%);
$papaya-sorbet-dark: mix(#000, $papaya-sorbet, 20%);
.element {
color: $papaya-sorbet;
box-shadow: 0 0 0 2px rgba($papaya-sorbet, 0.35);
}