Colore con nome più vicino · #F29085
#F29085
Colore con nome più vicino: Redolenc
#F29085 (rgb(242 144 133), hsl(6 81% 74%), oklch(0.754 0.121 27.1)) è più vicino al colore con nome Redolenc. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#F29085
oklch(0.754 0.121 27.1)
Conversioni di colore
- HEX
- #f29085
- RGB
- rgb(242 144 133)
- HSL
- hsl(6 81% 74%)
- HWB
- hwb(6 52% 5%)
- OKLCH
- oklch(0.754 0.121 27.1)
- OKLab
- oklab(0.754 0.107 0.055)
- CIE Lab
- lab(70.3 37.13 22.66)
- LCH
- lch(70.3 43.5 31.4)
- CMYK
- cmyk(0% 40% 45% 5%)
Tinte · Ombre · Toni
Tinte
- F59B91
- F7A79D
- F9B2A9
- FBBDB5
- FCC8C1
- FDD3CD
- FEDEDA
- FFE9E6
- FFF4F2
Ombre
- D27D73
- B46A61
- 965750
- 794540
- 5E3430
- 432421
- 2B1513
- 140706
- 030101
Toni
- E78F85
- DC8E84
- D08C84
- C58B84
- BA8983
- AE8883
- A38682
- 988481
- 8C8281
Armonie di colore
Complementare +180°
- F29085
Redolenc
- 2DC4D6
≈ The Crowd Roars!
Analogo -30° +30°
- F29085
Redolenc
- EC8EB0
≈ Charm Pink
- E99A5F
≈ Topaz Yellow
Triadico +120° +240°
- F29085
Redolenc
- 78C482
≈ Garden Stroll
- 8DACFC
≈ Kitten’s Eye
Complementare divisa +150° +210°
- F29085
Redolenc
- 42C8AE
≈ Disc Jockey
- 5BBAF2
≈ Hello Summer
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.30:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.10:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--redolenc: #f29085;
--redolenc-rgb: 242 144 133;
--redolenc-oklch: oklch(0.754 0.121 27.1);
}
.element {
color: var(--redolenc);
background-color: hsl(6 81% 74%);
border-color: oklch(0.754 0.121 27.1);
}Tailwind CSS v4
@theme {
--color-redolenc: #f29085;
--color-redolenc-50: #ffe9e1;
--color-redolenc-100: #ffdad1;
--color-redolenc-200: #ffc1b7;
--color-redolenc-300: #efa094;
--color-redolenc-400: #dd8177;
--color-redolenc-500: #ca6359;
--color-redolenc-600: #aa544c;
--color-redolenc-700: #89433c;
--color-redolenc-800: #66302c;
--color-redolenc-900: #48201e;
--color-redolenc-950: #2e100e;
}SCSS
$redolenc: #f29085;
$redolenc-rgb: 242, 144, 133;
$redolenc-light: mix(#fff, $redolenc, 20%);
$redolenc-dark: mix(#000, $redolenc, 20%);
.element {
color: $redolenc;
box-shadow: 0 0 0 2px rgba($redolenc, 0.35);
}