Màu có tên gần nhất · #F58D88
#F58D88
Màu có tên gần nhất: Vinaceous Cinnamon
#F58D88 (rgb(245 141 136), hsl(3 84% 75%), oklch(0.753 0.127 23.4)) gần nhất với màu có tên Vinaceous Cinnamon. 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.
#F58D88
oklch(0.753 0.127 23.4)
Chuyển đổi màu
- HEX
- #f58d88
- RGB
- rgb(245 141 136)
- HSL
- hsl(3 84% 75%)
- HWB
- hwb(3 53% 4%)
- OKLCH
- oklch(0.753 0.127 23.4)
- OKLab
- oklab(0.753 0.117 0.051)
- CIE Lab
- lab(70.11 39.95 20.84)
- LCH
- lch(70.11 45.06 27.6)
- CMYK
- cmyk(0% 42% 44% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F79994
- F9A49F
- FBB0AB
- FDBBB7
- FEC7C3
- FFD2CE
- FFDDDA
- FFE9E7
- FFF4F3
Sắc đậm
- D57A75
- B66763
- 985552
- 7B4441
- 5F3331
- 442322
- 2B1413
- 150706
- 030101
Sắc xám
- EA8C87
- DE8C87
- D38B86
- C78985
- BB8885
- B08784
- A48583
- 988482
- 8C8281
Hòa sắc
Bổ túc +180°
- F58D88
Vinaceous Cinnamon
- 0CC6D3
≈ Turquoise Surf
Tương đồng -30° +30°
- F58D88
Vinaceous Cinnamon
- ED8CB5
≈ Brown Knapweed
- ED975D
≈ Topaz Yellow
Bộ ba +120° +240°
- F58D88
Vinaceous Cinnamon
- 7CC479
≈ Garden Stroll
- 85AEFF
≈ Kitten’s Eye
Bổ túc chia +150° +210°
- F58D88
Vinaceous Cinnamon
- 3EC9A8
≈ Jadeite
- 4CBCF2
≈ Clean Pool
Bộ bốn +90° +180° +270°
- F58D88
Vinaceous Cinnamon
- AFB751
≈ Green Oasis
- 0CC6D3
≈ Turquoise Surf
- B39FF8
≈ Shy Moment
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.32:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.04:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.04:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
CSS
:root {
--vinaceous-cinnamon: #f58d88;
--vinaceous-cinnamon-rgb: 245 141 136;
--vinaceous-cinnamon-oklch: oklch(0.753 0.127 23.4);
}
.element {
color: var(--vinaceous-cinnamon);
background-color: hsl(3 84% 75%);
border-color: oklch(0.753 0.127 23.4);
}Tailwind CSS v4
@theme {
--color-vinaceous-cinnamon: #f58d88;
--color-vinaceous-cinnamon-50: #ffe8e3;
--color-vinaceous-cinnamon-100: #ffd8d2;
--color-vinaceous-cinnamon-200: #ffc0b9;
--color-vinaceous-cinnamon-300: #f29e96;
--color-vinaceous-cinnamon-400: #e07f7a;
--color-vinaceous-cinnamon-500: #cd5f5d;
--color-vinaceous-cinnamon-600: #ad514f;
--color-vinaceous-cinnamon-700: #8b413f;
--color-vinaceous-cinnamon-800: #672e2e;
--color-vinaceous-cinnamon-900: #491f1f;
--color-vinaceous-cinnamon-950: #2f0e0f;
}SCSS
$vinaceous-cinnamon: #f58d88;
$vinaceous-cinnamon-rgb: 245, 141, 136;
$vinaceous-cinnamon-light: mix(#fff, $vinaceous-cinnamon, 20%);
$vinaceous-cinnamon-dark: mix(#000, $vinaceous-cinnamon, 20%);
.element {
color: $vinaceous-cinnamon;
box-shadow: 0 0 0 2px rgba($vinaceous-cinnamon, 0.35);
}