Color con nombre · #F2BD85
Melon Balls
Melon Balls es #F2BD85: rgb(242 189 133), hsl(31 81% 74%), oklch(0.834 0.094 67.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Melon Balls color name →
#F2BD85
oklch(0.834 0.094 67.5)
Conversiones de color
- HEX
- #f2bd85
- RGB
- rgb(242 189 133)
- HSL
- hsl(31 81% 74%)
- HWB
- hwb(31 52% 5%)
- OKLCH
- oklch(0.834 0.094 67.5)
- OKLab
- oklab(0.834 0.036 0.087)
- CIE Lab
- lab(80.55 14.64 35.96)
- LCH
- lch(80.55 38.82 67.9)
- CMYK
- cmyk(0% 22% 45% 5%)
Tintes · Sombras · Tonos
Tintes
- F4C492
- F5CA9E
- F7D1AA
- F8D8B7
- F9DEC3
- FBE5CF
- FCEBDB
- FDF2E7
- FEF8F3
Sombras
- D2A473
- B48C61
- 967450
- 795D40
- 5E4730
- 433321
- 2B1F13
- 140D06
- 030201
Tonos
- E6B785
- DBB185
- CFAB85
- C3A585
- B89E84
- AD9884
- A19283
- 968C82
- 8B8681
Armonías de color
Complementario +180°
- F2BD85
Melon Balls
- 9BCEFF
≈ Apocyan
Análogo -30° +30°
- F2BD85
Melon Balls
- FFB39C
≈ Persicus
- D9C980
≈ Spring Grass
Triádico +120° +240°
- F2BD85
Melon Balls
- 7ADDD3
≈ Shimmering Blue
- D9B8F9
≈ Pink Illusion
Complementario dividido +150° +210°
- F2BD85
Melon Balls
- 7CD8F1
≈ Medium Sky Blue
- BBC4FF
≈ Light Periwinkle
Tetrádico +90° +180° +270°
- F2BD85
Melon Balls
- 93DBB1
≈ Peaceful Pastures
- 9BCEFF
≈ Apocyan
- F1B1DE
≈ Hanami Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASobre negro
WCAG 12.39:1 · APCA Lc 73
Mejor color de texto: #000000
WCAG 12.39:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmentos de código
CSS
:root {
--melon-balls: #f2bd85;
--melon-balls-rgb: 242 189 133;
--melon-balls-oklch: oklch(0.834 0.094 67.5);
}
.element {
color: var(--melon-balls);
background-color: hsl(31 81% 74%);
border-color: oklch(0.834 0.094 67.5);
}Tailwind CSS v4
@theme {
--color-melon-balls: #f2bd85;
--color-melon-balls-50: #fff1d9;
--color-melon-balls-100: #fde3c7;
--color-melon-balls-200: #efcea9;
--color-melon-balls-300: #d7af83;
--color-melon-balls-400: #c49460;
--color-melon-balls-500: #b0793b;
--color-melon-balls-600: #946733;
--color-melon-balls-700: #775228;
--color-melon-balls-800: #593b1c;
--color-melon-balls-900: #3e2912;
--color-melon-balls-950: #271605;
}SCSS
$melon-balls: #f2bd85;
$melon-balls-rgb: 242, 189, 133;
$melon-balls-light: mix(#fff, $melon-balls, 20%);
$melon-balls-dark: mix(#000, $melon-balls, 20%);
.element {
color: $melon-balls;
box-shadow: 0 0 0 2px rgba($melon-balls, 0.35);
}