En yakın adlandırılmış renk · #3D0067
#3D0067
En yakın adlandırılmış renk: Cotinga Purple
#3D0067 (rgb(61 0 103), hsl(276 100% 20%), oklch(0.291 0.152 303.6)) en çok Cotinga Purple 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.
#3D0067
oklch(0.291 0.152 303.6)
Renk dönüşümleri
- HEX
- #3d0067
- RGB
- rgb(61 0 103)
- HSL
- hsl(276 100% 20%)
- HWB
- hwb(276 0% 60%)
- OKLCH
- oklch(0.291 0.152 303.6)
- OKLab
- oklab(0.291 0.084 -0.127)
- CIE Lab
- lab(14.74 40.24 -45.15)
- LCH
- lch(14.74 60.48 311.7)
- CMYK
- cmyk(41% 100% 0% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4E2377
- 5F3C86
- 715396
- 846BA5
- 9783B4
- AB9BC3
- C0B3D2
- D4CCE1
- E9E5F0
Koyu tonlar
- 340059
- 2B004B
- 22003D
- 1A0030
- 120023
- 0A0017
- 04000C
- 010004
- 000000
Gri tonlar
- 43166B
- 49256E
- 503271
- 563E74
- 5D4976
- 645479
- 6B5F7B
- 726A7D
- 79757F
Renk uyumları
Tamamlayıcı +180°
- 3D0067
Cotinga Purple
- 253100
≈ Blind Forest
Analog -30° +30°
- 3D0067
Cotinga Purple
- 1B1675
≈ 20000 Leagues Under the Sea
- 4E0046
≈ Christmas Purple
Üçlü +120° +240°
- 3D0067
Cotinga Purple
- 422300
≈ Blackened Brown
- 00342E
≈ Fence Green
Bölünmüş tamamlayıcı +150° +210°
- 3D0067
Cotinga Purple
- 362B00
≈ Secret Passage
- 003619
≈ Haunted Hills
Dörtlü +90° +180° +270°
- 3D0067
Cotinga Purple
- 540C00
≈ Burned
- 253100
≈ Blind Forest
- 00323B
≈ Artist Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.06:1 · APCA Lc 101
Ag
FailSiyah üzerinde
WCAG 1.39:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.06:1 (AAA) · APCA Lc 101
Contrast pairs
Kod parçacıkları
CSS
:root {
--cotinga-purple: #3d0067;
--cotinga-purple-rgb: 61 0 103;
--cotinga-purple-oklch: oklch(0.291 0.152 303.6);
}
.element {
color: var(--cotinga-purple);
background-color: hsl(276 100% 20%);
border-color: oklch(0.291 0.152 303.6);
}Tailwind CSS v4
@theme {
--color-cotinga-purple: #3d0067;
--color-cotinga-purple-50: #ffebff;
--color-cotinga-purple-100: #f4dcff;
--color-cotinga-purple-200: #e4c4ff;
--color-cotinga-purple-300: #caa3f6;
--color-cotinga-purple-400: #b286e7;
--color-cotinga-purple-500: #9c68d7;
--color-cotinga-purple-600: #8458b5;
--color-cotinga-purple-700: #6a4792;
--color-cotinga-purple-800: #4c336e;
--color-cotinga-purple-900: #35234d;
--color-cotinga-purple-950: #201133;
}SCSS
$cotinga-purple: #3d0067;
$cotinga-purple-rgb: 61, 0, 103;
$cotinga-purple-light: mix(#fff, $cotinga-purple, 20%);
$cotinga-purple-dark: mix(#000, $cotinga-purple, 20%);
.element {
color: $cotinga-purple;
box-shadow: 0 0 0 2px rgba($cotinga-purple, 0.35);
}