Màu có tên · #FFF4E8
What’s Left
What’s Left là #FFF4E8: rgb(255 244 232), hsl(31 100% 95%), oklch(0.973 0.02 70). 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.
What does Gray mean? → · What’s Left color name →
#FFF4E8
oklch(0.973 0.02 70)
Chuyển đổi màu
- HEX
- #fff4e8
- RGB
- rgb(255 244 232)
- HSL
- hsl(31 100% 95%)
- HWB
- hwb(31 91% 0%)
- OKLCH
- oklch(0.973 0.02 70)
- OKLab
- oklab(0.973 0.007 0.019)
- CIE Lab
- lab(96.82 2.34 7.19)
- LCH
- lch(96.82 7.56 72)
- CMYK
- cmyk(0% 4% 9% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFF5EA
- FFF6ED
- FFF7EF
- FFF8F1
- FFFAF4
- FFFBF6
- FFFCF8
- FFFDFA
- FFFEFD
Sắc đậm
- DED4CA
- BEB5AC
- 9E9790
- 807A74
- 635E59
- 484440
- 2E2B29
- 161413
- 030303
Sắc xám
- F2E8DD
- E4DCD2
- D7D0C8
- CAC4BD
- BEB8B3
- B1ADA8
- A4A19E
- 989694
- 8C8B8A
Hòa sắc
Bổ túc +180°
- FFF4E8
What’s Left
- EFF7FF
≈ Alice Blue
Tương đồng -30° +30°
- FFF4E8
What’s Left
- FFF3EF
≈ Soft Peach Mist
- F9F7E8
≈ Touch of Sun
Bộ ba +120° +240°
- FFF4E8
What’s Left
- E8FBF9
≈ Calm Waters
- F9F3FF
≈ Sugar Crystal
Bổ túc chia +150° +210°
- FFF4E8
What’s Left
- E9F9FF
≈ Clear Skies
- F4F5FF
≈ Sugar Crystal
Bộ bốn +90° +180° +270°
- FFF4E8
What’s Left
- EBFAF1
≈ Soft Petals
- EFF7FF
≈ Alice Blue
- FFF1FA
≈ Pinkish White
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.08:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.35:1 · APCA Lc 102
Màu chữ tốt nhất: #000000
WCAG 19.35:1 (AAA) · APCA Lc 102
Contrast pairs
Đoạn mã
CSS
:root {
--what-s-left: #fff4e8;
--what-s-left-rgb: 255 244 232;
--what-s-left-oklch: oklch(0.973 0.02 70);
}
.element {
color: var(--what-s-left);
background-color: hsl(31 100% 95%);
border-color: oklch(0.973 0.02 70);
}Tailwind CSS v4
@theme {
--color-what-s-left: #fff4e8;
--color-what-s-left-50: #f9f4ef;
--color-what-s-left-100: #ece7e1;
--color-what-s-left-200: #dad3cb;
--color-what-s-left-300: #beb6ad;
--color-what-s-left-400: #a69d92;
--color-what-s-left-500: #8f8478;
--color-what-s-left-600: #797066;
--color-what-s-left-700: #615951;
--color-what-s-left-800: #47413b;
--color-what-s-left-900: #312d29;
--color-what-s-left-950: #1d1a16;
}SCSS
$what-s-left: #fff4e8;
$what-s-left-rgb: 255, 244, 232;
$what-s-left-light: mix(#fff, $what-s-left, 20%);
$what-s-left-dark: mix(#000, $what-s-left, 20%);
.element {
color: $what-s-left;
box-shadow: 0 0 0 2px rgba($what-s-left, 0.35);
}