Colore con nome · #F19B7D
Cumquat Cream
Cumquat Cream è #F19B7D: rgb(241 155 125), hsl(16 81% 72%), oklch(0.769 0.112 40). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cumquat Cream color name →
#F19B7D
oklch(0.769 0.112 40)
Conversioni di colore
- HEX
- #f19b7d
- RGB
- rgb(241 155 125)
- HSL
- hsl(16 81% 72%)
- HWB
- hwb(16 49% 5%)
- OKLCH
- oklch(0.769 0.112 40)
- OKLab
- oklab(0.769 0.086 0.072)
- CIE Lab
- lab(72.44 30.72 29.78)
- LCH
- lch(72.44 42.79 44.1)
- CMYK
- cmyk(0% 36% 48% 5%)
Tinte · Ombre · Toni
Tinte
- F3A58A
- F6AF97
- F7B9A4
- F9C3B1
- FBCDBE
- FCD7CB
- FDE1D8
- FEEBE5
- FFF5F2
Ombre
- D2866C
- B3725B
- 955E4B
- 794B3B
- 5D392C
- 43281E
- 2B1811
- 140905
- 030101
Toni
- E6997E
- DA967F
- CF947F
- C49180
- B98F80
- AE8C80
- A28980
- 978680
- 8C8380
Armonie di colore
Complementare +180°
- F19B7D
Cumquat Cream
- 52C4E5
≈ Naxos Sky
Analogo -30° +30°
- F19B7D
Cumquat Cream
- F295A4
≈ Cherry Foam
- E2A760
≈ Earth Yellow
Triadico +120° +240°
- F19B7D
Cumquat Cream
- 6ECA9B
≈ Green Gala
- A6ACFA
≈ Shy Moment
Complementare divisa +150° +210°
- F19B7D
Cumquat Cream
- 4ACBC4
≈ May Day
- 7BB9F9
≈ Broken Blue
Tetradico +90° +180° +270°
- F19B7D
Cumquat Cream
- 9CC275
≈ Lime Parfait
- 52C4E5
≈ Naxos Sky
- CAA0E9
≈ Bright Ube
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.72:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--cumquat-cream: #f19b7d;
--cumquat-cream-rgb: 241 155 125;
--cumquat-cream-oklch: oklch(0.769 0.112 40);
}
.element {
color: var(--cumquat-cream);
background-color: hsl(16 81% 72%);
border-color: oklch(0.769 0.112 40);
}Tailwind CSS v4
@theme {
--color-cumquat-cream: #f19b7d;
--color-cumquat-cream-50: #ffecdd;
--color-cumquat-cream-100: #ffddcb;
--color-cumquat-cream-200: #ffc5af;
--color-cumquat-cream-300: #e9a58a;
--color-cumquat-cream-400: #d7876b;
--color-cumquat-cream-500: #c36a4a;
--color-cumquat-cream-600: #a55a40;
--color-cumquat-cream-700: #854832;
--color-cumquat-cream-800: #633325;
--color-cumquat-cream-900: #452318;
--color-cumquat-cream-950: #2d1209;
}SCSS
$cumquat-cream: #f19b7d;
$cumquat-cream-rgb: 241, 155, 125;
$cumquat-cream-light: mix(#fff, $cumquat-cream, 20%);
$cumquat-cream-dark: mix(#000, $cumquat-cream, 20%);
.element {
color: $cumquat-cream;
box-shadow: 0 0 0 2px rgba($cumquat-cream, 0.35);
}