Nazwany kolor · #F4D9C8
Melon Ice
Melon Ice to #F4D9C8: rgb(244 217 200), hsl(23 67% 87%), oklch(0.903 0.038 54.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Melon Ice color name →
#F4D9C8
oklch(0.903 0.038 54.3)
Konwersje koloru
- HEX
- #f4d9c8
- RGB
- rgb(244 217 200)
- HSL
- hsl(23 67% 87%)
- HWB
- hwb(23 78% 4%)
- OKLCH
- oklch(0.903 0.038 54.3)
- OKLab
- oklab(0.903 0.022 0.031)
- CIE Lab
- lab(88.62 7.7 12)
- LCH
- lch(88.62 14.26 57.3)
- CMYK
- cmyk(0% 11% 18% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5DDCD
- F6E1D3
- F8E4D8
- F9E8DE
- FAECE3
- FBF0E9
- FCF4EE
- FDF7F4
- FEFBF9
Odcienie ciemniejsze
- D4BCAE
- B5A194
- 97867B
- 7A6C63
- 5E534C
- 443B36
- 2B2521
- 14110F
- 030202
Tony
- E8D0C1
- DCC7B9
- D0BDB2
- C4B4AB
- B8ACA3
- ADA39C
- A19A95
- 96918E
- 8B8987
Harmonie kolorów
Komplementarna +180°
- F4D9C8
Melon Ice
- C8E4F5
≈ Fresh Water
Analogowa -30° +30°
- F4D9C8
Melon Ice
- F7D6D3
≈ Ballet
- EBDEC3
≈ Nobility
Triada +120° +240°
- F4D9C8
Melon Ice
- C6E8DD
≈ Mint Tulip
- E0DBF6
≈ Nostalgia Perfume
Komplementarna rozszczepiona +150° +210°
- F4D9C8
Melon Ice
- C3E7EB
≈ Ice Flower
- D3DFF9
≈ Puffy Cloud
Tetrada +90° +180° +270°
- F4D9C8
Melon Ice
- D1E6D0
≈ Herbal Mist
- C8E4F5
≈ Fresh Water
- ECD7ED
≈ Scented Spring
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.60:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--melon-ice: #f4d9c8;
--melon-ice-rgb: 244 217 200;
--melon-ice-oklch: oklch(0.903 0.038 54.3);
}
.element {
color: var(--melon-ice);
background-color: hsl(23 67% 87%);
border-color: oklch(0.903 0.038 54.3);
}Tailwind CSS v4
@theme {
--color-melon-ice: #f4d9c8;
--color-melon-ice-50: #fef3eb;
--color-melon-ice-100: #f2e5dc;
--color-melon-ice-200: #e2d1c5;
--color-melon-ice-300: #c7b3a5;
--color-melon-ice-400: #b1998a;
--color-melon-ice-500: #9b806f;
--color-melon-ice-600: #836c5e;
--color-melon-ice-700: #69574b;
--color-melon-ice-800: #4d3f36;
--color-melon-ice-900: #362b25;
--color-melon-ice-950: #211914;
}SCSS
$melon-ice: #f4d9c8;
$melon-ice-rgb: 244, 217, 200;
$melon-ice-light: mix(#fff, $melon-ice, 20%);
$melon-ice-dark: mix(#000, $melon-ice, 20%);
.element {
color: $melon-ice;
box-shadow: 0 0 0 2px rgba($melon-ice, 0.35);
}