Màu có tên gần nhất · #F48887
#F48887
Màu có tên gần nhất: Vinaceous Cinnamon
#F48887 (rgb(244 136 135), hsl(1 83% 74%), oklch(0.744 0.132 21.3)) 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.
#F48887
oklch(0.744 0.132 21.3)
Chuyển đổi màu
- HEX
- #f48887
- RGB
- rgb(244 136 135)
- HSL
- hsl(1 83% 74%)
- HWB
- hwb(1 53% 4%)
- OKLCH
- oklch(0.744 0.132 21.3)
- OKLab
- oklab(0.744 0.123 0.048)
- CIE Lab
- lab(68.93 41.94 19.78)
- LCH
- lch(68.93 46.37 25.3)
- CMYK
- cmyk(0% 44% 45% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F79493
- F9A19E
- FBADAA
- FCB9B6
- FEC4C2
- FFD0CE
- FFDCDA
- FFE8E6
- FFF3F3
Sắc đậm
- D47575
- B56363
- 975251
- 7A4141
- 5E3131
- 442221
- 2B1313
- 140606
- 030101
Sắc xám
- E98886
- DD8886
- D28785
- C78785
- BB8684
- B08583
- A48483
- 988382
- 8C8181
Hòa sắc
Bổ túc +180°
- F48887
Vinaceous Cinnamon
- 00C3CD
≈ Turquoise Surf
Tương đồng -30° +30°
- F48887
Vinaceous Cinnamon
- EA87B6
≈ Brown Knapweed
- ED9259
≈ Chinese Lantern
Bộ ba +120° +240°
- F48887
Vinaceous Cinnamon
- 7BC170
≈ Hillside Grove
- 7CABFF
≈ Fennel Flower
Bổ túc chia +150° +210°
- F48887
Vinaceous Cinnamon
- 35C6A1
≈ Jadeite
- 3CBAF0
≈ Zima Blue
Bộ bốn +90° +180° +270°
- F48887
Vinaceous Cinnamon
- AFB446
≈ Delaunay Green
- 00C3CD
≈ Turquoise Surf
- AD9CF9
≈ Dull Lavender
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.40:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.71:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.71:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--vinaceous-cinnamon: #f48887;
--vinaceous-cinnamon-rgb: 244 136 135;
--vinaceous-cinnamon-oklch: oklch(0.744 0.132 21.3);
}
.element {
color: var(--vinaceous-cinnamon);
background-color: hsl(1 83% 74%);
border-color: oklch(0.744 0.132 21.3);
}Tailwind CSS v4
@theme {
--color-vinaceous-cinnamon: #f48887;
--color-vinaceous-cinnamon-50: #ffe7e3;
--color-vinaceous-cinnamon-100: #ffd7d3;
--color-vinaceous-cinnamon-200: #ffbfba;
--color-vinaceous-cinnamon-300: #f49c97;
--color-vinaceous-cinnamon-400: #e27d7c;
--color-vinaceous-cinnamon-500: #cf5d5f;
--color-vinaceous-cinnamon-600: #af4f50;
--color-vinaceous-cinnamon-700: #8d3f40;
--color-vinaceous-cinnamon-800: #692d30;
--color-vinaceous-cinnamon-900: #4a1e20;
--color-vinaceous-cinnamon-950: #300e10;
}SCSS
$vinaceous-cinnamon: #f48887;
$vinaceous-cinnamon-rgb: 244, 136, 135;
$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);
}