Màu có tên gần nhất · #6C2448
#6C2448
Màu có tên gần nhất: Flirt
#6C2448 (rgb(108 36 72), hsl(330 50% 28%), oklch(0.381 0.11 352.6)) gần nhất với màu có tên Flirt. 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.
#6C2448
oklch(0.381 0.11 352.6)
Chuyển đổi màu
- HEX
- #6c2448
- RGB
- rgb(108 36 72)
- HSL
- hsl(330 50% 28%)
- HWB
- hwb(330 14% 58%)
- OKLCH
- oklch(0.381 0.11 352.6)
- OKLab
- oklab(0.381 0.109 -0.014)
- CIE Lab
- lab(26.72 35.26 -4.95)
- LCH
- lch(26.72 35.6 352)
- CMYK
- cmyk(0% 67% 33% 58%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7C3A58
- 8B4E69
- 9A637B
- A9788C
- B78E9F
- C6A4B1
- D4BAC4
- E3D1D7
- F1E8EB
Sắc đậm
- 5D1E3D
- 4E1833
- 401229
- 320C1F
- 250716
- 19040D
- 0D0206
- 040002
- 000000
Sắc xám
- 6F2E4D
- 723853
- 754258
- 774B5E
- 795463
- 7B5D69
- 7D656F
- 7E6E74
- 7F777A
Hòa sắc
Bổ túc +180°
- 6C2448
Flirt
- 004F3E
≈ Raspberry Leaf Green
Tương đồng -30° +30°
- 6C2448
Flirt
- 5D2B64
≈ Charisma
- 722426
≈ Spanish Tile
Bộ ba +120° +240°
Bổ túc chia +150° +210°
- 6C2448
Flirt
- 155013
≈ Mysterious Mixture
- 004C52
≈ Dark Teal
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.58:1 · APCA Lc 94
Ag
FailTrên nền đen
WCAG 1.98:1 · APCA Lc 9
Màu chữ tốt nhất: #FFFFFF
WCAG 10.58:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--flirt: #6c2448;
--flirt-rgb: 108 36 72;
--flirt-oklch: oklch(0.381 0.11 352.6);
}
.element {
color: var(--flirt);
background-color: hsl(330 50% 28%);
border-color: oklch(0.381 0.11 352.6);
}Tailwind CSS v4
@theme {
--color-flirt: #6c2448;
--color-flirt-50: #ffe9f7;
--color-flirt-100: #ffd9ea;
--color-flirt-200: #fbc1d7;
--color-flirt-300: #e5a0bb;
--color-flirt-400: #d183a4;
--color-flirt-500: #bd658d;
--color-flirt-600: #9f5677;
--color-flirt-700: #80455f;
--color-flirt-800: #5e3147;
--color-flirt-900: #422231;
--color-flirt-950: #2a111d;
}SCSS
$flirt: #6c2448;
$flirt-rgb: 108, 36, 72;
$flirt-light: mix(#fff, $flirt, 20%);
$flirt-dark: mix(#000, $flirt, 20%);
.element {
color: $flirt;
box-shadow: 0 0 0 2px rgba($flirt, 0.35);
}