Named color · #340059
Cotinga Purple
Cotinga Purple is #340059: rgb(52 0 89), hsl(275 100% 17%), oklch(0.263 0.138 303.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Cotinga Purple color name →
#340059
oklch(0.263 0.138 303.6)
Color conversions
- HEX
- #340059
- RGB
- rgb(52 0 89)
- HSL
- hsl(275 100% 17%)
- HWB
- hwb(275 0% 65%)
- OKLCH
- oklch(0.263 0.138 303.6)
- OKLab
- oklab(0.263 0.076 -0.115)
- CIE Lab
- lab(11.75 36.34 -40.78)
- LCH
- lch(11.75 54.62 311.7)
- CMYK
- cmyk(42% 100% 0% 65%)
Tints · Shades · Tones
Tints
- 45206A
- 57387A
- 6A508B
- 7E689C
- 9280AC
- A798BD
- BCB1CD
- D2CBDE
- E8E5EE
Shades
- 2C004C
- 240040
- 1C0034
- 150028
- 0E001D
- 070013
- 030009
- 010003
- 000000
Tones
- 3B145E
- 422262
- 492F67
- 513B6B
- 58466F
- 605273
- 685D77
- 70697A
- 78747D
Color harmonies
Complementary +180°
- 340059
Cotinga Purple
- 1F2900
≈ Lindworm Green
Analogous -30° +30°
- 340059
Cotinga Purple
- 161265
≈ Dying Storm Blue
- 43003C
≈ Eggplant
Triadic +120° +240°
- 340059
Cotinga Purple
- 381D00
≈ Powdered Cocoa
- 002C27
≈ Guerrilla Forest
Split-complementary +150° +210°
- 340059
Cotinga Purple
- 2D2400
≈ Black Swan
- 002E14
≈ Haunted Forest
Tetradic +90° +180° +270°
- 340059
Cotinga Purple
- 490900
≈ Lonely Chocolate
- 1F2900
≈ Lindworm Green
- 002A32
≈ Daintree
Contrast & accessibility
Ag
AAAOn white
WCAG 16.27:1 · APCA Lc 102
Ag
FailOn black
WCAG 1.29:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 16.27:1 (AAA) · APCA Lc 102
Contrast pairs
Code snippets
CSS
:root {
--cotinga-purple: #340059;
--cotinga-purple-rgb: 52 0 89;
--cotinga-purple-oklch: oklch(0.263 0.138 303.6);
}
.element {
color: var(--cotinga-purple);
background-color: hsl(275 100% 17%);
border-color: oklch(0.263 0.138 303.6);
}Tailwind CSS v4
@theme {
--color-cotinga-purple: #340059;
--color-cotinga-purple-50: #feecff;
--color-cotinga-purple-100: #f3ddff;
--color-cotinga-purple-200: #e2c6ff;
--color-cotinga-purple-300: #c8a5f0;
--color-cotinga-purple-400: #b089e1;
--color-cotinga-purple-500: #9a6cd0;
--color-cotinga-purple-600: #825caf;
--color-cotinga-purple-700: #68498d;
--color-cotinga-purple-800: #4b356a;
--color-cotinga-purple-900: #34244a;
--color-cotinga-purple-950: #201331;
}SCSS
$cotinga-purple: #340059;
$cotinga-purple-rgb: 52, 0, 89;
$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);
}