En yakın adlandırılmış renk · #6C2448
#6C2448
En yakın adlandırılmış renk: Flirt
#6C2448 (rgb(108 36 72), hsl(330 50% 28%), oklch(0.381 0.11 352.6)) en çok Flirt adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#6C2448
oklch(0.381 0.11 352.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7C3A58
- 8B4E69
- 9A637B
- A9788C
- B78E9F
- C6A4B1
- D4BAC4
- E3D1D7
- F1E8EB
Koyu tonlar
- 5D1E3D
- 4E1833
- 401229
- 320C1F
- 250716
- 19040D
- 0D0206
- 040002
- 000000
Gri tonlar
- 6F2E4D
- 723853
- 754258
- 774B5E
- 795463
- 7B5D69
- 7D656F
- 7E6E74
- 7F777A
Renk uyumları
Tamamlayıcı +180°
- 6C2448
Flirt
- 004F3E
≈ Raspberry Leaf Green
Analog -30° +30°
- 6C2448
Flirt
- 5D2B64
≈ Charisma
- 722426
≈ Spanish Tile
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
- 6C2448
Flirt
- 155013
≈ Mysterious Mixture
- 004C52
≈ Dark Teal
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.58:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 1.98:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.58:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
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);
}