Màu có tên gần nhất · #F7EAE7
#F7EAE7
Màu có tên gần nhất: Hint of Pink
#F7EAE7 (rgb(247 234 231), hsl(11 50% 94%), oklch(0.946 0.015 33.1)) 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.
#F7EAE7
oklch(0.946 0.015 33.1)
Chuyển đổi màu
- HEX
- #f7eae7
- RGB
- rgb(247 234 231)
- HSL
- hsl(11 50% 94%)
- HWB
- hwb(11 91% 3%)
- OKLCH
- oklch(0.946 0.015 33.1)
- OKLab
- oklab(0.946 0.012 0.008)
- CIE Lab
- lab(93.68 4.17 3.12)
- LCH
- lch(93.68 5.21 36.8)
- CMYK
- cmyk(0% 5% 6% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F8ECE9
- F9EEEC
- F9F0EE
- FAF2F1
- FBF4F3
- FCF7F5
- FDF9F8
- FDFBFA
- FEFDFD
Sắc đậm
- D7CBC9
- B7AEAB
- 99918F
- 7C7573
- 605A59
- 454140
- 2C2928
- 151313
- 030303
Sắc xám
- EADFDC
- DED4D2
- D2C9C7
- C6BEBC
- BAB4B2
- AEA9A8
- A29F9E
- 979494
- 8B8A8A
Hòa sắc
Bổ túc +180°
- F7EAE7
Hint of Pink
- E3F0F3
≈ Azul Primavera
Tương đồng -30° +30°
- F7EAE7
Hint of Pink
- F7E9EC
≈ Morning Shine
- F5EBE3
≈ Spooled White
Bộ ba +120° +240°
- F7EAE7
Hint of Pink
- E6F0E9
≈ Northern Lights
- EAEDF8
≈ Coconut White
Bổ túc chia +150° +210°
- F7EAE7
Hint of Pink
- E3F1EE
≈ Aqua Tint
- E5EFF7
≈ Clear Vision
Bộ bốn +90° +180° +270°
- F7EAE7
Hint of Pink
- EBEFE4
≈ Trellis
- E3F0F3
≈ Azul Primavera
- EFEBF6
≈ Silver Phoenix
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.87:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 17.87:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-pink: #f7eae7;
--hint-of-pink-rgb: 247 234 231;
--hint-of-pink-oklch: oklch(0.946 0.015 33.1);
}
.element {
color: var(--hint-of-pink);
background-color: hsl(11 50% 94%);
border-color: oklch(0.946 0.015 33.1);
}Tailwind CSS v4
@theme {
--color-hint-of-pink: #f7eae7;
--color-hint-of-pink-50: #f9f4f2;
--color-hint-of-pink-100: #ede6e4;
--color-hint-of-pink-200: #dad2d0;
--color-hint-of-pink-300: #bfb5b2;
--color-hint-of-pink-400: #a79b99;
--color-hint-of-pink-500: #908380;
--color-hint-of-pink-600: #796f6c;
--color-hint-of-pink-700: #615957;
--color-hint-of-pink-800: #47413f;
--color-hint-of-pink-900: #312c2c;
--color-hint-of-pink-950: #1d1a19;
}SCSS
$hint-of-pink: #f7eae7;
$hint-of-pink-rgb: 247, 234, 231;
$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);
}