Color con nombre · #770088
Ultraberry
Ultraberry es #770088: rgb(119 0 136), hsl(293 100% 27%), oklch(0.412 0.196 321.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Ultraberry color name →
#770088
oklch(0.412 0.196 321.5)
Conversiones de color
- HEX
- #770088
- RGB
- rgb(119 0 136)
- HSL
- hsl(293 100% 27%)
- HWB
- hwb(293 0% 47%)
- OKLCH
- oklch(0.412 0.196 321.5)
- OKLab
- oklab(0.412 0.153 -0.122)
- CIE Lab
- lab(28.37 55.33 -43.53)
- LCH
- lch(28.37 70.4 321.8)
- CMYK
- cmyk(12% 100% 0% 47%)
Tintes · Sombras · Tonos
Tintes
- 852C95
- 9346A1
- A15EAD
- AF75B9
- BD8CC5
- CAA2D1
- D8B9DD
- E5D0E8
- F2E7F4
Sombras
- 670075
- 570063
- 470052
- 380041
- 2A0031
- 1C0022
- 100013
- 050006
- 010001
Tonos
- 791E88
- 7B2E88
- 7C3B88
- 7D4687
- 7E5186
- 7F5B86
- 806484
- 806E83
- 807782
Armonías de color
Complementario +180°
- 770088
Ultraberry
- 0C5B00
≈ Lincoln Green
Análogo -30° +30°
- 770088
Ultraberry
- 5222A9
≈ Eine Kleine Nachtmusik
- 880055
≈ Cardinal Pink
Triádico +120° +240°
- 770088
Ultraberry
- 624500
≈ Mud Brown
- 00565B
≈ Deep Teal
Complementario dividido +150° +210°
- 770088
Ultraberry
- 4D4F00
≈ Scorzonera Brown
- 005845
≈ Forest Shadows
Tetrádico +90° +180° +270°
- 770088
Ultraberry
- 763600
≈ Bay Brown
- 0C5B00
≈ Lincoln Green
- 005270
≈ Captain Blue
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.81:1 · APCA Lc 91
Ag
FailSobre negro
WCAG 2.13:1 · APCA Lc 12
Mejor color de texto: #FFFFFF
WCAG 9.81:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--ultraberry: #770088;
--ultraberry-rgb: 119 0 136;
--ultraberry-oklch: oklch(0.412 0.196 321.5);
}
.element {
color: var(--ultraberry);
background-color: hsl(293 100% 27%);
border-color: oklch(0.412 0.196 321.5);
}Tailwind CSS v4
@theme {
--color-ultraberry: #770088;
--color-ultraberry-50: #ffe3ff;
--color-ultraberry-100: #ffd2ff;
--color-ultraberry-200: #fdb7ff;
--color-ultraberry-300: #e793f0;
--color-ultraberry-400: #d271e3;
--color-ultraberry-500: #be4cd2;
--color-ultraberry-600: #a142b1;
--color-ultraberry-700: #81348e;
--color-ultraberry-800: #5e256c;
--color-ultraberry-900: #42194c;
--color-ultraberry-950: #2a0932;
}SCSS
$ultraberry: #770088;
$ultraberry-rgb: 119, 0, 136;
$ultraberry-light: mix(#fff, $ultraberry, 20%);
$ultraberry-dark: mix(#000, $ultraberry, 20%);
.element {
color: $ultraberry;
box-shadow: 0 0 0 2px rgba($ultraberry, 0.35);
}