Màu có tên gần nhất · #F7E1E5
#F7E1E5
Màu có tên gần nhất: Blowing Kisses
#F7E1E5 (rgb(247 225 229), hsl(349 58% 93%), oklch(0.929 0.025 5.1)) gần nhất với màu có tên Blowing Kisses. 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.
#F7E1E5
oklch(0.929 0.025 5.1)
Chuyển đổi màu
- HEX
- #f7e1e5
- RGB
- rgb(247 225 229)
- HSL
- hsl(349 58% 93%)
- HWB
- hwb(349 88% 3%)
- OKLCH
- oklch(0.929 0.025 5.1)
- OKLab
- oklab(0.929 0.025 0.002)
- CIE Lab
- lab(91.42 8.28 0.92)
- LCH
- lch(91.42 8.33 6.4)
- CMYK
- cmyk(0% 9% 7% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F8E4E8
- F9E7EA
- FAEAED
- FAEDEF
- FBF0F2
- FCF3F5
- FDF6F7
- FEF9FA
- FEFCFC
Sắc đậm
- D7C4C7
- B7A7AA
- 998B8E
- 7C7072
- 605658
- 453E3F
- 2C2728
- 151212
- 030203
Sắc xám
- EBD7DA
- DECDD0
- D2C3C6
- C6B9BB
- BAAFB1
- AEA6A7
- A29C9D
- 979393
- 8B898A
Hòa sắc
Bổ túc +180°
- F7E1E5
Blowing Kisses
- D6EDE9
≈ Dew Pointe
Tương đồng -30° +30°
- F7E1E5
Blowing Kisses
- F3E2EE
≈ Pale Orchid Petal
- F7E2DC
≈ Laurel Pink
Bộ ba +120° +240°
- F7E1E5
Blowing Kisses
- E3EBD9
≈ Homoeopathic Green
- DAEAF7
≈ Celestial Cathedral
Bổ túc chia +150° +210°
- F7E1E5
Blowing Kisses
- DBEDE0
≈ Sea Mist
- D6ECF2
≈ Sparkling River
Bộ bốn +90° +180° +270°
- F7E1E5
Blowing Kisses
- ECE8D5
≈ Board & Batten
- D6EDE9
≈ Dew Pointe
- E2E7F8
≈ Glitter
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.85:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.85:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--blowing-kisses: #f7e1e5;
--blowing-kisses-rgb: 247 225 229;
--blowing-kisses-oklch: oklch(0.929 0.025 5.1);
}
.element {
color: var(--blowing-kisses);
background-color: hsl(349 58% 93%);
border-color: oklch(0.929 0.025 5.1);
}Tailwind CSS v4
@theme {
--color-blowing-kisses: #f7e1e5;
--color-blowing-kisses-50: #fcf2f4;
--color-blowing-kisses-100: #f0e5e6;
--color-blowing-kisses-200: #ded0d2;
--color-blowing-kisses-300: #c3b2b5;
--color-blowing-kisses-400: #ac999c;
--color-blowing-kisses-500: #958084;
--color-blowing-kisses-600: #7e6c70;
--color-blowing-kisses-700: #655659;
--color-blowing-kisses-800: #4a3f41;
--color-blowing-kisses-900: #332b2d;
--color-blowing-kisses-950: #1f191a;
}SCSS
$blowing-kisses: #f7e1e5;
$blowing-kisses-rgb: 247, 225, 229;
$blowing-kisses-light: mix(#fff, $blowing-kisses, 20%);
$blowing-kisses-dark: mix(#000, $blowing-kisses, 20%);
.element {
color: $blowing-kisses;
box-shadow: 0 0 0 2px rgba($blowing-kisses, 0.35);
}