En yakın adlandırılmış renk · #6C5399
#6C5399
En yakın adlandırılmış renk: Passion Flower
#6C5399 (rgb(108 83 153), hsl(261 30% 46%), oklch(0.499 0.111 298.8)) en çok Passion Flower 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.
#6C5399
oklch(0.499 0.111 298.8)
Renk dönüşümleri
- HEX
- #6c5399
- RGB
- rgb(108 83 153)
- HSL
- hsl(261 30% 46%)
- HWB
- hwb(261 33% 40%)
- OKLCH
- oklch(0.499 0.111 298.8)
- OKLab
- oklab(0.499 0.053 -0.097)
- CIE Lab
- lab(40.36 22.52 -34.97)
- LCH
- lch(40.36 41.59 302.8)
- CMYK
- cmyk(29% 46% 0% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7964A4
- 8774AE
- 9585B8
- A396C3
- B2A7CD
- C1B8D7
- D0C9E1
- E0DBEB
- EFEDF5
Koyu tonlar
- 5D4784
- 4E3B70
- 40305D
- 32254A
- 251B38
- 191127
- 0D0817
- 040208
- 000001
Gri tonlar
- 6E5897
- 705D95
- 726193
- 746690
- 766B8E
- 786F8B
- 7A7389
- 7C7886
- 7E7C83
Renk uyumları
Tamamlayıcı +180°
- 6C5399
Passion Flower
- 5D6B0F
≈ Mud Green
Analog -30° +30°
- 6C5399
Passion Flower
- 495FA2
≈ Bio Blue
- 854A82
≈ Lilikoi Flower Purple
Üçlü +120° +240°
- 6C5399
Passion Flower
- 905111
≈ Plain Old Brown
- 007464
≈ Northern Hemisphere
Bölünmüş tamamlayıcı +150° +210°
- 6C5399
Passion Flower
- 7B5F00
≈ Ground Earth
- 2C743E
≈ Felt
Dörtlü +90° +180° +270°
- 6C5399
Passion Flower
- 98473D
≈ Mojo
- 5D6B0F
≈ Mud Green
- 00707D
≈ Iridescent Peacock
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.29:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.33:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.29:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--passion-flower: #6c5399;
--passion-flower-rgb: 108 83 153;
--passion-flower-oklch: oklch(0.499 0.111 298.8);
}
.element {
color: var(--passion-flower);
background-color: hsl(261 30% 46%);
border-color: oklch(0.499 0.111 298.8);
}Tailwind CSS v4
@theme {
--color-passion-flower: #6c5399;
--color-passion-flower-50: #faefff;
--color-passion-flower-100: #eee0ff;
--color-passion-flower-200: #dccafd;
--color-passion-flower-300: #c1abe8;
--color-passion-flower-400: #a790d7;
--color-passion-flower-500: #9074c5;
--color-passion-flower-600: #7a63a6;
--color-passion-flower-700: #624f86;
--color-passion-flower-800: #463a64;
--color-passion-flower-900: #312746;
--color-passion-flower-950: #1d152e;
}SCSS
$passion-flower: #6c5399;
$passion-flower-rgb: 108, 83, 153;
$passion-flower-light: mix(#fff, $passion-flower, 20%);
$passion-flower-dark: mix(#000, $passion-flower, 20%);
.element {
color: $passion-flower;
box-shadow: 0 0 0 2px rgba($passion-flower, 0.35);
}