Màu có tên gần nhất · #F9ECCF
#F9ECCF
Màu có tên gần nhất: Honied White
#F9ECCF (rgb(249 236 207), hsl(41 78% 89%), oklch(0.946 0.041 86.7)) gần nhất với màu có tên Honied White. 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.
#F9ECCF
oklch(0.946 0.041 86.7)
Chuyển đổi màu
- HEX
- #f9eccf
- RGB
- rgb(249 236 207)
- HSL
- hsl(41 78% 89%)
- HWB
- hwb(41 81% 2%)
- OKLCH
- oklch(0.946 0.041 86.7)
- OKLab
- oklab(0.946 0.002 0.04)
- CIE Lab
- lab(93.88 1.13 15.78)
- LCH
- lch(93.88 15.82 85.9)
- CMYK
- cmyk(0% 5% 17% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FAEED4
- FAF0D9
- FBF2DD
- FBF4E2
- FCF6E7
- FDF7EC
- FDF9F1
- FEFBF5
- FEFDFA
Sắc đậm
- D9CDB4
- B9AF99
- 9A927F
- 7D7667
- 615B4F
- 464238
- 2C2923
- 151310
- 030302
Sắc xám
- ECE1C7
- E0D6BF
- D3CAB7
- C7BFAF
- BBB5A7
- AFAA9F
- A39F97
- 97958F
- 8B8A88
Hòa sắc
Bổ túc +180°
- F9ECCF
Honied White
- E5EDFF
≈ Brilliant White
Tương đồng -30° +30°
- F9ECCF
Honied White
- FFE8D9
≈ Guiding Star
- EBF1D3
≈ Monet Moonrise
Bộ ba +120° +240°
- F9ECCF
Honied White
- CFF5FB
≈ Vaporised
- FCE4FC
≈ Bunny Tail
Bổ túc chia +150° +210°
- F9ECCF
Honied White
- DBF1FF
≈ Wizard White
- EFEAFF
≈ Placebo Purple
Bộ bốn +90° +180° +270°
- F9ECCF
Honied White
- D2F7EC
≈ Mid Spring Morning
- E5EDFF
≈ Brilliant White
- FFE5ED
≈ Early Blossom
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.17:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 17.92:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 17.92:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--honied-white: #f9eccf;
--honied-white-rgb: 249 236 207;
--honied-white-oklch: oklch(0.946 0.041 86.7);
}
.element {
color: var(--honied-white);
background-color: hsl(41 78% 89%);
border-color: oklch(0.946 0.041 86.7);
}Tailwind CSS v4
@theme {
--color-honied-white: #f9eccf;
--color-honied-white-50: #faf5e8;
--color-honied-white-100: #ede7d9;
--color-honied-white-200: #dbd4c1;
--color-honied-white-300: #c0b7a0;
--color-honied-white-400: #a99d84;
--color-honied-white-500: #928568;
--color-honied-white-600: #7b7058;
--color-honied-white-700: #635a46;
--color-honied-white-800: #494132;
--color-honied-white-900: #332d22;
--color-honied-white-950: #1e1a11;
}SCSS
$honied-white: #f9eccf;
$honied-white-rgb: 249, 236, 207;
$honied-white-light: mix(#fff, $honied-white, 20%);
$honied-white-dark: mix(#000, $honied-white, 20%);
.element {
color: $honied-white;
box-shadow: 0 0 0 2px rgba($honied-white, 0.35);
}