Màu có tên gần nhất · #F0E3DD
#F0E3DD
Màu có tên gần nhất: Homoeopathic Orange
#F0E3DD (rgb(240 227 221), hsl(19 39% 90%), oklch(0.925 0.016 46.6)) gần nhất với màu có tên Homoeopathic Orange. 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.
#F0E3DD
oklch(0.925 0.016 46.6)
Chuyển đổi màu
- HEX
- #f0e3dd
- RGB
- rgb(240 227 221)
- HSL
- hsl(19 39% 90%)
- HWB
- hwb(19 87% 6%)
- OKLCH
- oklch(0.925 0.016 46.6)
- OKLab
- oklab(0.925 0.011 0.012)
- CIE Lab
- lab(91.16 3.83 4.61)
- LCH
- lch(91.16 5.99 50.3)
- CMYK
- cmyk(0% 5% 8% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F2E6E0
- F3E9E4
- F5EBE7
- F6EEEB
- F8F1EE
- F9F4F1
- FBF7F5
- FCF9F8
- FEFCFC
Sắc đậm
- D1C5C0
- B2A8A4
- 958C88
- 78716E
- 5D5755
- 433F3D
- 2A2726
- 141211
- 030302
Sắc xám
- E4D9D3
- D9CECA
- CDC4C0
- C2BAB7
- B6B0AD
- ABA6A4
- A09D9B
- 959392
- 8B8989
Hòa sắc
Bổ túc +180°
- F0E3DD
Homoeopathic Orange
- DBE9EF
≈ Sidewalk Chalk Blue
Tương đồng -30° +30°
- F0E3DD
Homoeopathic Orange
- F1E2E2
≈ Dulcet Pink
- ECE5DA
≈ Soapstone
Bộ ba +120° +240°
- F0E3DD
Homoeopathic Orange
- DCEAE4
≈ Arctic Flow
- E5E5F1
≈ Lavender Syrup
Bổ túc chia +150° +210°
- F0E3DD
Homoeopathic Orange
- DAEAEA
≈ Carefree
- DFE7F1
≈ Radiant Moon
Bộ bốn +90° +180° +270°
- F0E3DD
Homoeopathic Orange
- E1E9DE
≈ Meadow Light
- DBE9EF
≈ Sidewalk Chalk Blue
- EBE3EE
≈ Modest Violet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.25:1 · APCA Lc 13
Ag
AAATrên nền đen
WCAG 16.73:1 · APCA Lc 91
Màu chữ tốt nhất: #000000
WCAG 16.73:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--homoeopathic-orange: #f0e3dd;
--homoeopathic-orange-rgb: 240 227 221;
--homoeopathic-orange-oklch: oklch(0.925 0.016 46.6);
}
.element {
color: var(--homoeopathic-orange);
background-color: hsl(19 39% 90%);
border-color: oklch(0.925 0.016 46.6);
}Tailwind CSS v4
@theme {
--color-homoeopathic-orange: #f0e3dd;
--color-homoeopathic-orange-50: #f9f4f1;
--color-homoeopathic-orange-100: #ede6e3;
--color-homoeopathic-orange-200: #dad2ce;
--color-homoeopathic-orange-300: #bfb5b0;
--color-homoeopathic-orange-400: #a79c96;
--color-homoeopathic-orange-500: #90837d;
--color-homoeopathic-orange-600: #7a6f6a;
--color-homoeopathic-orange-700: #615955;
--color-homoeopathic-orange-800: #48413e;
--color-homoeopathic-orange-900: #322d2a;
--color-homoeopathic-orange-950: #1e1a18;
}SCSS
$homoeopathic-orange: #f0e3dd;
$homoeopathic-orange-rgb: 240, 227, 221;
$homoeopathic-orange-light: mix(#fff, $homoeopathic-orange, 20%);
$homoeopathic-orange-dark: mix(#000, $homoeopathic-orange, 20%);
.element {
color: $homoeopathic-orange;
box-shadow: 0 0 0 2px rgba($homoeopathic-orange, 0.35);
}