Cor nomeada mais próxima · #C92A65
#C92A65
Cor nomeada mais próxima: Spicy Berry
#C92A65 (rgb(201 42 101), hsl(338 65% 48%), oklch(0.557 0.197 4.6)) é mais próxima da cor nomeada Spicy Berry. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C92A65
oklch(0.557 0.197 4.6)
Conversões de cor
- HEX
- #c92a65
- RGB
- rgb(201 42 101)
- HSL
- hsl(338 65% 48%)
- HWB
- hwb(338 16% 21%)
- OKLCH
- oklch(0.557 0.197 4.6)
- OKLab
- oklab(0.557 0.196 0.016)
- CIE Lab
- lab(46.24 63.71 7.25)
- LCH
- lch(46.24 64.12 6.5)
- CMYK
- cmyk(0% 79% 50% 21%)
Tons claros · Sombras · Tons
Tons claros
- D14773
- D95E82
- E07490
- E788A0
- ED9CAF
- F2B0BE
- F6C4CE
- FAD8DE
- FDEBEF
Sombras
- AE2357
- 951C49
- 7C163C
- 64102F
- 4C0A22
- 360517
- 22020C
- 0F0103
- 020000
Tons
- C33968
- BE456A
- B74F6D
- B15870
- AA6072
- A36775
- 9B6E78
- 93747B
- 8A7A7D
Harmonias de cor
Complementar +180°
- C92A65
Spicy Berry
- 00867B
≈ Mystic Turquoise
Análoga -30° +30°
- C92A65
Spicy Berry
- B438A1
≈ Byzantine
- CD3202
≈ Pleasant Pomegranate
Tríade +120° +240°
- C92A65
Spicy Berry
- 628000
≈ Enchanted Forest
- 0079BE
≈ Roller Coaster Chariot
Complementar dividida +150° +210°
- C92A65
Spicy Berry
- 008A4D
≈ Real Turquoise
- 008297
≈ Cruising
Tétrade +90° +180° +270°
- C92A65
Spicy Berry
- 897200
≈ Vermin Brown
- 00867B
≈ Mystic Turquoise
- 5660E4
≈ Arcane Brew
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.24:1 · APCA Lc 75
Ag
FailSobre preto
WCAG 4.00:1 · APCA Lc 27
Melhor cor de texto: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 75
Contrast pairs
Trechos de código
CSS
:root {
--spicy-berry: #c92a65;
--spicy-berry-rgb: 201 42 101;
--spicy-berry-oklch: oklch(0.557 0.197 4.6);
}
.element {
color: var(--spicy-berry);
background-color: hsl(338 65% 48%);
border-color: oklch(0.557 0.197 4.6);
}Tailwind CSS v4
@theme {
--color-spicy-berry: #c92a65;
--color-spicy-berry-50: #ffdeec;
--color-spicy-berry-100: #ffcddd;
--color-spicy-berry-200: #ffb0c6;
--color-spicy-berry-300: #ff89a7;
--color-spicy-berry-400: #f86390;
--color-spicy-berry-500: #e73476;
--color-spicy-berry-600: #c32f64;
--color-spicy-berry-700: #9d2650;
--color-spicy-berry-800: #75193c;
--color-spicy-berry-900: #521129;
--color-spicy-berry-950: #370217;
}SCSS
$spicy-berry: #c92a65;
$spicy-berry-rgb: 201, 42, 101;
$spicy-berry-light: mix(#fff, $spicy-berry, 20%);
$spicy-berry-dark: mix(#000, $spicy-berry, 20%);
.element {
color: $spicy-berry;
box-shadow: 0 0 0 2px rgba($spicy-berry, 0.35);
}