Màu có tên gần nhất · #F1E3E0
#F1E3E0
Màu có tên gần nhất: Hint of Pink
#F1E3E0 (rgb(241 227 224), hsl(11 38% 91%), oklch(0.926 0.016 32)) gần nhất với màu có tên Hint of Pink. 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.
#F1E3E0
oklch(0.926 0.016 32)
Chuyển đổi màu
- HEX
- #f1e3e0
- RGB
- rgb(241 227 224)
- HSL
- hsl(11 38% 91%)
- HWB
- hwb(11 88% 5%)
- OKLCH
- oklch(0.926 0.016 32)
- OKLab
- oklab(0.926 0.013 0.008)
- CIE Lab
- lab(91.31 4.55 3.27)
- LCH
- lch(91.31 5.61 35.7)
- CMYK
- cmyk(0% 6% 7% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F2E6E3
- F4E9E6
- F5EBE9
- F7EEEC
- F8F1EF
- F9F4F3
- FBF7F6
- FCF9F9
- FEFCFC
Sắc đậm
- D2C5C3
- B3A8A6
- 958C8A
- 797170
- 5D5756
- 433F3E
- 2B2727
- 141212
- 030302
Sắc xám
- E5D9D6
- D9CECC
- CEC4C2
- C2BAB8
- B7B0AF
- ACA6A5
- A19D9C
- 969392
- 8B8989
Hòa sắc
Bổ túc +180°
- F1E3E0
Hint of Pink
- DBEAED
≈ Tibetan Sky
Tương đồng -30° +30°
- F1E3E0
Hint of Pink
- F0E2E6
≈ Dulcet Pink
- EFE4DC
≈ Soft Feather
Bộ ba +120° +240°
- F1E3E0
Hint of Pink
- DFEAE1
≈ Wishy-Washy Green
- E3E6F2
≈ Crystal Falls
Bổ túc chia +150° +210°
- F1E3E0
Hint of Pink
- DCEAE7
≈ Calm
- DEE8F1
≈ St. Petersburg
Bộ bốn +90° +180° +270°
- F1E3E0
Hint of Pink
- E5E8DD
≈ Minified Moss
- DBEAED
≈ Tibetan Sky
- E8E4F0
≈ Modest Violet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.24:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.80:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-pink: #f1e3e0;
--hint-of-pink-rgb: 241 227 224;
--hint-of-pink-oklch: oklch(0.926 0.016 32);
}
.element {
color: var(--hint-of-pink);
background-color: hsl(11 38% 91%);
border-color: oklch(0.926 0.016 32);
}Tailwind CSS v4
@theme {
--color-hint-of-pink: #f1e3e0;
--color-hint-of-pink-50: #faf4f2;
--color-hint-of-pink-100: #ede6e4;
--color-hint-of-pink-200: #dbd2d0;
--color-hint-of-pink-300: #bfb5b2;
--color-hint-of-pink-400: #a89b99;
--color-hint-of-pink-500: #908380;
--color-hint-of-pink-600: #7a6f6c;
--color-hint-of-pink-700: #625856;
--color-hint-of-pink-800: #48403f;
--color-hint-of-pink-900: #322c2b;
--color-hint-of-pink-950: #1e1919;
}SCSS
$hint-of-pink: #f1e3e0;
$hint-of-pink-rgb: 241, 227, 224;
$hint-of-pink-light: mix(#fff, $hint-of-pink, 20%);
$hint-of-pink-dark: mix(#000, $hint-of-pink, 20%);
.element {
color: $hint-of-pink;
box-shadow: 0 0 0 2px rgba($hint-of-pink, 0.35);
}