Colore con nome · #FFC69D
Gumdrops
Gumdrops è #FFC69D: rgb(255 198 157), hsl(25 100% 81%), oklch(0.868 0.085 57.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Gumdrops color name →
#FFC69D
oklch(0.868 0.085 57.1)
Conversioni di colore
- HEX
- #ffc69d
- RGB
- rgb(255 198 157)
- HSL
- hsl(25 100% 81%)
- HWB
- hwb(25 62% 0%)
- OKLCH
- oklch(0.868 0.085 57.1)
- OKLab
- oklab(0.868 0.046 0.071)
- CIE Lab
- lab(84.37 17.13 28.81)
- LCH
- lch(84.37 33.52 59.3)
- CMYK
- cmyk(0% 22% 38% 0%)
Tinte · Ombre · Toni
Tinte
- FFCCA7
- FFD2B1
- FFD7BB
- FFDDC5
- FFE3CE
- FFE8D8
- FFEEE2
- FFF4EC
- FFF9F5
Ombre
- DEAC88
- BE9273
- 9E7A5F
- 80624C
- 634B3A
- 483528
- 2E2118
- 160E09
- 030201
Toni
- F2BF9A
- E5B898
- D8B195
- CBAA92
- BEA38F
- B29C8C
- A59589
- 998E86
- 8C8783
Armonie di colore
Complementare +180°
- FFC69D
Gumdrops
- A5DCFF
≈ Droplet
Analogo -30° +30°
- FFC69D
Gumdrops
- FFC2BB
≈ Impatiens Pink
- ECD193
≈ Honeydew Sand
Triadico +120° +240°
- FFC69D
Gumdrops
- 95E6D2
≈ Neverland
- D8CAFF
≈ Foggy Heath
Complementare divisa +150° +210°
- FFC69D
Gumdrops
- 8EE4F0
≈ Aqua Fiesta
- C1D3FF
≈ Pale Phthalo Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.81:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.81:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--gumdrops: #ffc69d;
--gumdrops-rgb: 255 198 157;
--gumdrops-oklch: oklch(0.868 0.085 57.1);
}
.element {
color: var(--gumdrops);
background-color: hsl(25 100% 81%);
border-color: oklch(0.868 0.085 57.1);
}Tailwind CSS v4
@theme {
--color-gumdrops: #ffc69d;
--color-gumdrops-50: #fff0de;
--color-gumdrops-100: #fee2cc;
--color-gumdrops-200: #f1ccb1;
--color-gumdrops-300: #d9ad8c;
--color-gumdrops-400: #c5926d;
--color-gumdrops-500: #b1774c;
--color-gumdrops-600: #956541;
--color-gumdrops-700: #785134;
--color-gumdrops-800: #593a25;
--color-gumdrops-900: #3e2818;
--color-gumdrops-950: #271609;
}SCSS
$gumdrops: #ffc69d;
$gumdrops-rgb: 255, 198, 157;
$gumdrops-light: mix(#fff, $gumdrops, 20%);
$gumdrops-dark: mix(#000, $gumdrops, 20%);
.element {
color: $gumdrops;
box-shadow: 0 0 0 2px rgba($gumdrops, 0.35);
}