Màu có tên gần nhất · #F7EDCE
#F7EDCE
Màu có tên gần nhất: Mayonnaise
#F7EDCE (rgb(247 237 206), hsl(45 72% 89%), oklch(0.946 0.042 92.2)) gần nhất với màu có tên Mayonnaise. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#F7EDCE
oklch(0.946 0.042 92.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F8EFD3
- F9F1D8
- F9F2DD
- FAF4E2
- FBF6E7
- FCF8EC
- FDFAF0
- FDFBF5
- FEFDFA
Sắc đậm
- D7CEB3
- B7B098
- 99937F
- 7C7766
- 605C4E
- 454238
- 2C2A23
- 15140F
- 030302
Sắc xám
- EAE2C6
- DED6BE
- D2CBB6
- C6C0AE
- BAB5A6
- AEAA9F
- A29F97
- 97958F
- 8B8A88
Hòa sắc
Bổ túc +180°
- F7EDCE
Mayonnaise
- E7EDFF
≈ Brilliant White
Tương đồng -30° +30°
- F7EDCE
Mayonnaise
- FFE9D6
≈ Blossom
- E8F2D3
≈ Yellowish White
Bộ ba +120° +240°
- F7EDCE
Mayonnaise
- CEF5FE
≈ Vaporised
- FFE3FA
≈ Bunny Tail
Bổ túc chia +150° +210°
- F7EDCE
Mayonnaise
- DDF0FF
≈ Wizard White
- F1E9FF
≈ Placebo Purple
Bộ bốn +90° +180° +270°
- F7EDCE
Mayonnaise
- CFF7EF
≈ Mid Spring Morning
- E7EDFF
≈ Brilliant White
- FFE6EB
≈ Nosegay
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.16:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 17.95:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 17.95:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
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);
}