En yakın adlandırılmış renk · #C066B8
#C066B8
En yakın adlandırılmış renk: Lavendless
#C066B8 (rgb(192 102 184), hsl(305 42% 58%), oklch(0.642 0.154 330.6)) en çok Lavendless 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.
#C066B8
oklch(0.642 0.154 330.6)
Renk dönüşümleri
- HEX
- #c066b8
- RGB
- rgb(192 102 184)
- HSL
- hsl(305 42% 58%)
- HWB
- hwb(305 40% 25%)
- OKLCH
- oklch(0.642 0.154 330.6)
- OKLab
- oklab(0.642 0.134 -0.076)
- CIE Lab
- lab(56.25 45.12 -27.48)
- LCH
- lch(56.25 52.83 328.7)
- CMYK
- cmyk(0% 47% 4% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C776BF
- CE85C7
- D595CE
- DCA4D5
- E2B3DC
- E8C2E3
- EED1EA
- F4E0F1
- FAF0F8
Koyu tonlar
- A758A0
- 8E4A88
- 763C71
- 5F2F5B
- 492345
- 341731
- 200C1E
- 0E040C
- 020002
Gri tonlar
- BA6AB2
- B46DAD
- AE70A7
- A873A2
- A2769C
- 9B7897
- 957A91
- 8E7C8B
- 877E86
Renk uyumları
Tamamlayıcı +180°
- C066B8
Lavendless
- 30A659
≈ Spinach
Analog -30° +30°
- C066B8
Lavendless
- 9D74DB
≈ Iridescent Purple
- D55F88
≈ Preppy Rose
Üçlü +120° +240°
- C066B8
Lavendless
- AB8800
≈ Strong Mustard
- 009EB3
≈ Lake Blue
Bölünmüş tamamlayıcı +150° +210°
- C066B8
Lavendless
- 819A00
≈ BioShock
- 00A390
≈ Turquish
Dörtlü +90° +180° +270°
- C066B8
Lavendless
- CD7300
≈ Tree Sap
- 30A659
≈ Spinach
- 0096DD
≈ Atmosphere
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.59:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.83:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--lavendless: #c066b8;
--lavendless-rgb: 192 102 184;
--lavendless-oklch: oklch(0.642 0.154 330.6);
}
.element {
color: var(--lavendless);
background-color: hsl(305 42% 58%);
border-color: oklch(0.642 0.154 330.6);
}Tailwind CSS v4
@theme {
--color-lavendless: #c066b8;
--color-lavendless-50: #ffe6ff;
--color-lavendless-100: #ffd6ff;
--color-lavendless-200: #fcbcf1;
--color-lavendless-300: #e699da;
--color-lavendless-400: #d17ac9;
--color-lavendless-500: #bd5ab5;
--color-lavendless-600: #a04d99;
--color-lavendless-700: #803d7b;
--color-lavendless-800: #5e2c5c;
--color-lavendless-900: #421e41;
--color-lavendless-950: #2a0d29;
}SCSS
$lavendless: #c066b8;
$lavendless-rgb: 192, 102, 184;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}