Cor nomeada mais próxima · #903EE6
#903EE6
Cor nomeada mais próxima: Sweet Desire
#903EE6 (rgb(144 62 230), hsl(269 77% 57%), oklch(0.561 0.237 301.2)) é mais próxima da cor nomeada Sweet Desire. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#903EE6
oklch(0.561 0.237 301.2)
Conversões de cor
- HEX
- #903ee6
- RGB
- rgb(144 62 230)
- HSL
- hsl(269 77% 57%)
- HWB
- hwb(269 24% 10%)
- OKLCH
- oklch(0.561 0.237 301.2)
- OKLab
- oklab(0.561 0.123 -0.203)
- CIE Lab
- lab(44.88 57.84 -72.21)
- LCH
- lch(44.88 92.52 308.7)
- CMYK
- cmyk(37% 73% 0% 10%)
Tons claros · Sombras · Tons
Tons claros
- 9A57EA
- A46CEE
- AF80F2
- BA93F5
- C5A5F8
- D0B8FA
- DBC9FC
- E7DBFD
- F3EDFE
Sombras
- 7D35C8
- 6A2BAB
- 57238E
- 451A73
- 341259
- 240A40
- 150428
- 070113
- 010003
Tons
- 8E4ADC
- 8C53D3
- 8A5BC9
- 8962BF
- 8768B5
- 856EAB
- 8473A1
- 837896
- 817C8B
Harmonias de cor
Complementar +180°
- 903EE6
Sweet Desire
- 698000
≈ Jungle Vibes
Análoga -30° +30°
- 903EE6
Sweet Desire
- 495BFD
≈ Hooloovoo Blue
- BC1EB2
≈ Amora Purple
Tríade +120° +240°
- 903EE6
Sweet Desire
- AA6000
≈ Raw Umber
- 008878
≈ Green Ink
Complementar dividida +150° +210°
- 903EE6
Sweet Desire
- 8E7100
≈ Vermin Brown
- 008C43
≈ Grass Court
Tétrade +90° +180° +270°
- 903EE6
Sweet Desire
- D71E00
≈ Orko
- 698000
≈ Jungle Vibes
- 008495
≈ Painted Sea
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.22:1 · APCA Lc 75
Ag
FailSobre preto
WCAG 4.01:1 · APCA Lc 27
Melhor cor de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Trechos de código
CSS
:root {
--sweet-desire: #903ee6;
--sweet-desire-rgb: 144 62 230;
--sweet-desire-oklch: oklch(0.561 0.237 301.2);
}
.element {
color: var(--sweet-desire);
background-color: hsl(269 77% 57%);
border-color: oklch(0.561 0.237 301.2);
}Tailwind CSS v4
@theme {
--color-sweet-desire: #903ee6;
--color-sweet-desire-50: #ffe5ff;
--color-sweet-desire-100: #f8d5ff;
--color-sweet-desire-200: #e9baff;
--color-sweet-desire-300: #d195ff;
--color-sweet-desire-400: #b972ff;
--color-sweet-desire-500: #a549ff;
--color-sweet-desire-600: #8b3fdd;
--color-sweet-desire-700: #6f33b2;
--color-sweet-desire-800: #502487;
--color-sweet-desire-900: #38195f;
--color-sweet-desire-950: #230741;
}SCSS
$sweet-desire: #903ee6;
$sweet-desire-rgb: 144, 62, 230;
$sweet-desire-light: mix(#fff, $sweet-desire, 20%);
$sweet-desire-dark: mix(#000, $sweet-desire, 20%);
.element {
color: $sweet-desire;
box-shadow: 0 0 0 2px rgba($sweet-desire, 0.35);
}