Màu có tên gần nhất · #A25B65
#A25B65
Màu có tên gần nhất: Cinnapink
#A25B65 (rgb(162 91 101), hsl(352 28% 50%), oklch(0.556 0.093 11.5)) gần nhất với màu có tên Cinnapink. 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.
#A25B65
oklch(0.556 0.093 11.5)
Chuyển đổi màu
- HEX
- #a25b65
- RGB
- rgb(162 91 101)
- HSL
- hsl(352 28% 50%)
- HWB
- hwb(352 36% 36%)
- OKLCH
- oklch(0.556 0.093 11.5)
- OKLab
- oklab(0.556 0.092 0.019)
- CIE Lab
- lab(47.4 30.59 7.73)
- LCH
- lch(47.4 31.56 14.2)
- CMYK
- cmyk(0% 44% 38% 36%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- AC6B73
- B67B82
- C08B91
- C99BA0
- D3ABAF
- DCBBBE
- E5CCCE
- EEDDDE
- F6EEEF
Sắc đậm
- 8C4E57
- 774149
- 63353C
- 4F292F
- 3C1E22
- 2A1317
- 19090C
- 0A0303
- 010000
Sắc xám
- 9F5F68
- 9C636A
- 99676D
- 966B70
- 936F72
- 907275
- 8C7678
- 88797B
- 847D7D
Hòa sắc
Bổ túc +180°
- A25B65
Cinnapink
- 0C8481
≈ Marine Teal
Tương đồng -30° +30°
- A25B65
Cinnapink
- 985C83
≈ Immortality
- A16047
≈ Mandalay Road
Bộ ba +120° +240°
- A25B65
Cinnapink
- 5F7F43
≈ Mangrove Leaf
- 4876A8
≈ Field Blue
Bổ túc chia +150° +210°
- A25B65
Cinnapink
- 388462
≈ Adamite Green
- 1F7F9A
≈ Pacific Pleasure
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.97:1 · APCA Lc 74
Ag
FailTrên nền đen
WCAG 4.22:1 · APCA Lc 28
Màu chữ tốt nhất: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
Đoạn mã
CSS
:root {
--cinnapink: #a25b65;
--cinnapink-rgb: 162 91 101;
--cinnapink-oklch: oklch(0.556 0.093 11.5);
}
.element {
color: var(--cinnapink);
background-color: hsl(352 28% 50%);
border-color: oklch(0.556 0.093 11.5);
}Tailwind CSS v4
@theme {
--color-cinnapink: #a25b65;
--color-cinnapink-50: #ffebed;
--color-cinnapink-100: #ffdcdf;
--color-cinnapink-200: #fac5c8;
--color-cinnapink-300: #e3a4a9;
--color-cinnapink-400: #cf8790;
--color-cinnapink-500: #bb6b76;
--color-cinnapink-600: #9e5b64;
--color-cinnapink-700: #7f4850;
--color-cinnapink-800: #5e343b;
--color-cinnapink-900: #422429;
--color-cinnapink-950: #2a1216;
}SCSS
$cinnapink: #a25b65;
$cinnapink-rgb: 162, 91, 101;
$cinnapink-light: mix(#fff, $cinnapink, 20%);
$cinnapink-dark: mix(#000, $cinnapink, 20%);
.element {
color: $cinnapink;
box-shadow: 0 0 0 2px rgba($cinnapink, 0.35);
}