Màu có tên gần nhất · #F3FBDB
#F3FBDB
Màu có tên gần nhất: Futon
#F3FBDB (rgb(243 251 219), hsl(75 80% 92%), oklch(0.974 0.043 118.6)) gần nhất với màu có tên Futon. 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.
#F3FBDB
oklch(0.974 0.043 118.6)
Chuyển đổi màu
- HEX
- #f3fbdb
- RGB
- rgb(243 251 219)
- HSL
- hsl(75 80% 92%)
- HWB
- hwb(75 86% 2%)
- OKLCH
- oklch(0.974 0.043 118.6)
- OKLab
- oklab(0.974 -0.02 0.037)
- CIE Lab
- lab(97.39 -6.76 14.45)
- LCH
- lch(97.39 15.96 115.1)
- CMYK
- cmyk(3% 0% 13% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F4FBDF
- F5FCE2
- F7FCE6
- F8FDEA
- F9FDED
- FAFDF1
- FBFEF4
- FDFEF8
- FEFFFB
Sắc đậm
- D3DABE
- B4BAA2
- 979C87
- 7A7E6D
- 5E6154
- 44463C
- 2B2D26
- 141511
- 030302
Sắc xám
- E7EED2
- DBE1C8
- CFD5BF
- C3C8B6
- B8BCAD
- ACAFA4
- A1A39B
- 969792
- 8B8C89
Hòa sắc
Bổ túc +180°
- F3FBDB
Futon
- F7F4FF
≈ Sugar Crystal
Tương đồng -30° +30°
- F3FBDB
Futon
- FFF6DF
≈ Seashell Peach
- E4FFE7
≈ Crystal Glass
Bộ ba +120° +240°
- F3FBDB
Futon
- EEF8FF
≈ Alice Blue
- FFF3F6
≈ Glimpse of Pink
Bổ túc chia +150° +210°
- F3FBDB
Futon
- F3F6FF
≈ Mā White
- FFF2FE
≈ Pinkish White
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.06:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.63:1 · APCA Lc 103
Màu chữ tốt nhất: #000000
WCAG 19.63:1 (AAA) · APCA Lc 103
Contrast pairs
Đoạn mã
CSS
:root {
--futon: #f3fbdb;
--futon-rgb: 243 251 219;
--futon-oklch: oklch(0.974 0.043 118.6);
}
.element {
color: var(--futon);
background-color: hsl(75 80% 92%);
border-color: oklch(0.974 0.043 118.6);
}Tailwind CSS v4
@theme {
--color-futon: #f3fbdb;
--color-futon-50: #f3f7ea;
--color-futon-100: #e6eadb;
--color-futon-200: #d1d7c3;
--color-futon-300: #b4bba3;
--color-futon-400: #9ba286;
--color-futon-500: #838a6b;
--color-futon-600: #6f755a;
--color-futon-700: #595e48;
--color-futon-800: #414434;
--color-futon-900: #2d2f23;
--color-futon-950: #1a1c12;
}SCSS
$futon: #f3fbdb;
$futon-rgb: 243, 251, 219;
$futon-light: mix(#fff, $futon, 20%);
$futon-dark: mix(#000, $futon, 20%);
.element {
color: $futon;
box-shadow: 0 0 0 2px rgba($futon, 0.35);
}