Màu có tên gần nhất · #C97F89
#C97F89
Màu có tên gần nhất: I Love You Pink
#C97F89 (rgb(201 127 137), hsl(352 41% 64%), oklch(0.676 0.092 11)) gần nhất với màu có tên I Love You 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.
#C97F89
oklch(0.676 0.092 11)
Chuyển đổi màu
- HEX
- #c97f89
- RGB
- rgb(201 127 137)
- HSL
- hsl(352 41% 64%)
- HWB
- hwb(352 50% 21%)
- OKLCH
- oklch(0.676 0.092 11)
- OKLab
- oklab(0.676 0.091 0.018)
- CIE Lab
- lab(61.42 30.36 7.26)
- LCH
- lch(61.42 31.22 13.5)
- CMYK
- cmyk(0% 37% 32% 21%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CF8C94
- D598A0
- DBA5AB
- E1B1B7
- E6BEC2
- ECCBCE
- F1D8DA
- F6E5E6
- FAF2F3
Sắc đậm
- AE6E76
- 955D64
- 7C4C53
- 643C42
- 4C2D31
- 361F22
- 221114
- 0F0607
- 020101
Sắc xám
- C27F88
- BB8087
- B48086
- AD8085
- A68085
- 9E8084
- 978083
- 8F8082
- 888081
Hòa sắc
Bổ túc +180°
- C97F89
I Love You Pink
- 46A9A5
≈ Tidal Teal
Tương đồng -30° +30°
- C97F89
I Love You Pink
- BE80A8
≈ Romanov Mauve
- C8846A
≈ Cabana Melon
Bộ ba +120° +240°
- C97F89
I Love You Pink
- 83A366
≈ Pickle
- 6B9BCF
≈ Sea Loch
Bổ túc chia +150° +210°
- C97F89
I Love You Pink
- 5FA985
≈ Verdigris Green
- 4DA4BF
≈ Brig
Bộ bốn +90° +180° +270°
- C97F89
I Love You Pink
- A39953
≈ Formosan Green
- 46A9A5
≈ Tidal Teal
- 8D91CF
≈ Bailey Bells
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.05:1 · APCA Lc 57
Ag
AATrên nền đen
WCAG 6.88:1 · APCA Lc 45
Màu chữ tốt nhất: #000000
WCAG 6.88:1 (AA) · APCA Lc 45
Contrast pairs
Đoạn mã
CSS
:root {
--i-love-you-pink: #c97f89;
--i-love-you-pink-rgb: 201 127 137;
--i-love-you-pink-oklch: oklch(0.676 0.092 11);
}
.element {
color: var(--i-love-you-pink);
background-color: hsl(352 41% 64%);
border-color: oklch(0.676 0.092 11);
}Tailwind CSS v4
@theme {
--color-i-love-you-pink: #c97f89;
--color-i-love-you-pink-50: #ffebee;
--color-i-love-you-pink-100: #ffdcdf;
--color-i-love-you-pink-200: #f9c5c9;
--color-i-love-you-pink-300: #e2a4aa;
--color-i-love-you-pink-400: #cf8891;
--color-i-love-you-pink-500: #bb6b77;
--color-i-love-you-pink-600: #9e5b65;
--color-i-love-you-pink-700: #7f4950;
--color-i-love-you-pink-800: #5e343c;
--color-i-love-you-pink-900: #422429;
--color-i-love-you-pink-950: #2a1217;
}SCSS
$i-love-you-pink: #c97f89;
$i-love-you-pink-rgb: 201, 127, 137;
$i-love-you-pink-light: mix(#fff, $i-love-you-pink, 20%);
$i-love-you-pink-dark: mix(#000, $i-love-you-pink, 20%);
.element {
color: $i-love-you-pink;
box-shadow: 0 0 0 2px rgba($i-love-you-pink, 0.35);
}