Colore con nome più vicino · #FD9798
#FD9798
Colore con nome più vicino: Mad Pinker
#FD9798 (rgb(253 151 152), hsl(359 96% 79%), oklch(0.783 0.123 19.6)) è più vicino al colore con nome Mad Pinker. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#FD9798
oklch(0.783 0.123 19.6)
Conversioni di colore
- HEX
- #fd9798
- RGB
- rgb(253 151 152)
- HSL
- hsl(359 96% 79%)
- HWB
- hwb(359 59% 1%)
- OKLCH
- oklch(0.783 0.123 19.6)
- OKLab
- oklab(0.783 0.116 0.041)
- CIE Lab
- lab(73.51 39.25 16.86)
- LCH
- lch(73.51 42.71 23.2)
- CMYK
- cmyk(0% 40% 40% 1%)
Tinte · Ombre · Toni
Tinte
- FEA2A2
- FFACAC
- FFB7B6
- FFC1C0
- FFCCCB
- FFD6D5
- FFE0DF
- FFEBEA
- FFF5F4
Ombre
- DC8384
- BC6F70
- 9D5C5C
- 7F494A
- 623738
- 472627
- 2D1717
- 160808
- 030101
Toni
- F19596
- E49393
- D89191
- CB8F8F
- BF8D8C
- B38B8A
- A68887
- 9A8585
- 8D8382
Armonie di colore
Complementare +180°
- FD9798
Mad Pinker
- 34D0D7
≈ Jade Glass
Analogo -30° +30°
- FD9798
Mad Pinker
- F397C4
≈ Pastel Magenta
- F7A06F
≈ Copper River
Triadico +120° +240°
- FD9798
Mad Pinker
- 8ECB7F
≈ Fresh Cut Grass
- 8EB9FF
≈ Carolina Blue
Complementare divisa +150° +210°
- FD9798
Mad Pinker
- 58D1AC
≈ Aquarium Blue
- 55C7F7
≈ Thor’s Thunder
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.08:1 · APCA Lc 41
Ag
AAASu nero
WCAG 10.05:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--mad-pinker: #fd9798;
--mad-pinker-rgb: 253 151 152;
--mad-pinker-oklch: oklch(0.783 0.123 19.6);
}
.element {
color: var(--mad-pinker);
background-color: hsl(359 96% 79%);
border-color: oklch(0.783 0.123 19.6);
}Tailwind CSS v4
@theme {
--color-mad-pinker: #fd9798;
--color-mad-pinker-50: #ffe8e6;
--color-mad-pinker-100: #ffd8d6;
--color-mad-pinker-200: #ffc0bd;
--color-mad-pinker-300: #f09e9b;
--color-mad-pinker-400: #dd7f81;
--color-mad-pinker-500: #ca6064;
--color-mad-pinker-600: #ab5255;
--color-mad-pinker-700: #894244;
--color-mad-pinker-800: #662f32;
--color-mad-pinker-900: #482022;
--color-mad-pinker-950: #2f0f11;
}SCSS
$mad-pinker: #fd9798;
$mad-pinker-rgb: 253, 151, 152;
$mad-pinker-light: mix(#fff, $mad-pinker, 20%);
$mad-pinker-dark: mix(#000, $mad-pinker, 20%);
.element {
color: $mad-pinker;
box-shadow: 0 0 0 2px rgba($mad-pinker, 0.35);
}