لون مسمّى · #FEBAAD
Ripe Melon
Ripe Melon هو #FEBAAD: rgb(254 186 173)، hsl(10 98% 84%)، oklch(0.848 0.081 31). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Ripe Melon color name →
#FEBAAD
oklch(0.848 0.081 31)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFC1B5
- FFC8BD
- FFCFC5
- FFD6CD
- FFDDD6
- FFE4DE
- FFEAE6
- FFF1EE
- FFF8F7
درجات داكنة
- DDA196
- BD897F
- 9E726A
- 805C55
- 634641
- 47322D
- 2D1E1B
- 160D0B
- 030201
درجات رمادية
- F1B4A8
- E4AEA4
- D7A99F
- CBA39B
- BE9D96
- B29792
- A5918E
- 998C89
- 8C8685
تناسق الألوان
متمم +180°
- FEBAAD
Ripe Melon
- 8CDCEB
≈ Photon Barrier
متجاور -30° +30°
- FEBAAD
Ripe Melon
- FBB7CA
≈ Baby Pink
- F5C297
≈ Cream Blush
ثلاثي +120° +240°
- FEBAAD
Ripe Melon
- A7DDB2
≈ Celtic Spring
- BBCBFF
≈ Light Periwinkle
متمم منقسم +150° +210°
- FEBAAD
Ripe Melon
- 8FDFD0
≈ Beach Glass
- 9DD5FE
≈ Malmö FF
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.63:1 · APCA Lc 28
Ag
AAAعلى الأسود
WCAG 12.84:1 · APCA Lc 75
أفضل لون للنص: #000000
WCAG 12.84:1 (AAA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
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);
}