Warna bernama terdekat · #F7EDCE
#F7EDCE
Warna bernama terdekat: Mayonnaise
#F7EDCE (rgb(247 237 206), hsl(45 72% 89%), oklch(0.946 0.042 92.2)) paling mendekati warna bernama Mayonnaise. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#F7EDCE
oklch(0.946 0.042 92.2)
Konversi warna
- HEX
- #f7edce
- RGB
- rgb(247 237 206)
- HSL
- hsl(45 72% 89%)
- HWB
- hwb(45 81% 3%)
- OKLCH
- oklch(0.946 0.042 92.2)
- OKLab
- oklab(0.946 -0.002 0.042)
- CIE Lab
- lab(93.95 -0.19 16.36)
- LCH
- lch(93.95 16.36 90.7)
- CMYK
- cmyk(0% 4% 17% 3%)
Tint · Shade · Tone
Tint
- F8EFD3
- F9F1D8
- F9F2DD
- FAF4E2
- FBF6E7
- FCF8EC
- FDFAF0
- FDFBF5
- FEFDFA
Shade
- D7CEB3
- B7B098
- 99937F
- 7C7766
- 605C4E
- 454238
- 2C2A23
- 15140F
- 030302
Tone
- EAE2C6
- DED6BE
- D2CBB6
- C6C0AE
- BAB5A6
- AEAA9F
- A29F97
- 97958F
- 8B8A88
Harmoni warna
Komplementer +180°
- F7EDCE
Mayonnaise
- E7EDFF
≈ Brilliant White
Analog -30° +30°
- F7EDCE
Mayonnaise
- FFE9D6
≈ Blossom
- E8F2D3
≈ Yellowish White
Triadik +120° +240°
- F7EDCE
Mayonnaise
- CEF5FE
≈ Vaporised
- FFE3FA
≈ Bunny Tail
Split-komplementer +150° +210°
- F7EDCE
Mayonnaise
- DDF0FF
≈ Wizard White
- F1E9FF
≈ Placebo Purple
Tetradik +90° +180° +270°
- F7EDCE
Mayonnaise
- CFF7EF
≈ Mid Spring Morning
- E7EDFF
≈ Brilliant White
- FFE6EB
≈ Nosegay
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.16:1 · APCA Lc 8
Ag
AAADi atas hitam
WCAG 17.95:1 · APCA Lc 96
Warna teks terbaik: #000000
WCAG 17.95:1 (AAA) · APCA Lc 96
Contrast pairs
Cuplikan kode
CSS
:root {
--mayonnaise: #f7edce;
--mayonnaise-rgb: 247 237 206;
--mayonnaise-oklch: oklch(0.946 0.042 92.2);
}
.element {
color: var(--mayonnaise);
background-color: hsl(45 72% 89%);
border-color: oklch(0.946 0.042 92.2);
}Tailwind CSS v4
@theme {
--color-mayonnaise: #f7edce;
--color-mayonnaise-50: #f9f5e8;
--color-mayonnaise-100: #ece8d9;
--color-mayonnaise-200: #dad4c1;
--color-mayonnaise-300: #beb7a0;
--color-mayonnaise-400: #a79e83;
--color-mayonnaise-500: #908667;
--color-mayonnaise-600: #7a7157;
--color-mayonnaise-700: #615b45;
--color-mayonnaise-800: #484232;
--color-mayonnaise-900: #322e22;
--color-mayonnaise-950: #1e1a11;
}SCSS
$mayonnaise: #f7edce;
$mayonnaise-rgb: 247, 237, 206;
$mayonnaise-light: mix(#fff, $mayonnaise, 20%);
$mayonnaise-dark: mix(#000, $mayonnaise, 20%);
.element {
color: $mayonnaise;
box-shadow: 0 0 0 2px rgba($mayonnaise, 0.35);
}