Colore con nome · #FEBAAD
Ripe Melon
Ripe Melon è #FEBAAD: rgb(254 186 173), hsl(10 98% 84%), oklch(0.848 0.081 31). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Ripe Melon color name →
#FEBAAD
oklch(0.848 0.081 31)
Conversioni di colore
- HEX
- #febaad
- RGB
- rgb(254 186 173)
- HSL
- hsl(10 98% 84%)
- HWB
- hwb(10 68% 0%)
- OKLCH
- oklch(0.848 0.081 31)
- OKLab
- oklab(0.848 0.07 0.042)
- CIE Lab
- lab(81.72 24.07 16.81)
- LCH
- lch(81.72 29.36 34.9)
- CMYK
- cmyk(0% 27% 32% 0%)
Tinte · Ombre · Toni
Tinte
- FFC1B5
- FFC8BD
- FFCFC5
- FFD6CD
- FFDDD6
- FFE4DE
- FFEAE6
- FFF1EE
- FFF8F7
Ombre
- DDA196
- BD897F
- 9E726A
- 805C55
- 634641
- 47322D
- 2D1E1B
- 160D0B
- 030201
Toni
- F1B4A8
- E4AEA4
- D7A99F
- CBA39B
- BE9D96
- B29792
- A5918E
- 998C89
- 8C8685
Armonie di colore
Complementare +180°
- FEBAAD
Ripe Melon
- 8CDCEB
≈ Photon Barrier
Analogo -30° +30°
- FEBAAD
Ripe Melon
- FBB7CA
≈ Baby Pink
- F5C297
≈ Cream Blush
Triadico +120° +240°
- FEBAAD
Ripe Melon
- A7DDB2
≈ Celtic Spring
- BBCBFF
≈ Light Periwinkle
Complementare divisa +150° +210°
- FEBAAD
Ripe Melon
- 8FDFD0
≈ Beach Glass
- 9DD5FE
≈ Malmö FF
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.84:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.84:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--ripe-melon: #febaad;
--ripe-melon-rgb: 254 186 173;
--ripe-melon-oklch: oklch(0.848 0.081 31);
}
.element {
color: var(--ripe-melon);
background-color: hsl(10 98% 84%);
border-color: oklch(0.848 0.081 31);
}Tailwind CSS v4
@theme {
--color-ripe-melon: #febaad;
--color-ripe-melon-50: #ffede6;
--color-ripe-melon-100: #ffdfd7;
--color-ripe-melon-200: #f5c8be;
--color-ripe-melon-300: #dea99d;
--color-ripe-melon-400: #ca8d81;
--color-ripe-melon-500: #b67165;
--color-ripe-melon-600: #9a6056;
--color-ripe-melon-700: #7b4d44;
--color-ripe-melon-800: #5b3732;
--color-ripe-melon-900: #402622;
--color-ripe-melon-950: #291411;
}SCSS
$ripe-melon: #febaad;
$ripe-melon-rgb: 254, 186, 173;
$ripe-melon-light: mix(#fff, $ripe-melon, 20%);
$ripe-melon-dark: mix(#000, $ripe-melon, 20%);
.element {
color: $ripe-melon;
box-shadow: 0 0 0 2px rgba($ripe-melon, 0.35);
}