Cor nomeada mais próxima · #CD0040
#CD0040
Cor nomeada mais próxima: Akari Red
#CD0040 (rgb(205 0 64), hsl(341 100% 40%), oklch(0.539 0.215 16.3)) é mais próxima da cor nomeada Akari Red. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CD0040
oklch(0.539 0.215 16.3)
Conversões de cor
- HEX
- #cd0040
- RGB
- rgb(205 0 64)
- HSL
- hsl(341 100% 40%)
- HWB
- hwb(341 0% 20%)
- OKLCH
- oklch(0.539 0.215 16.3)
- OKLab
- oklab(0.539 0.207 0.061)
- CIE Lab
- lab(44.08 69.57 27.68)
- LCH
- lch(44.08 74.87 21.7)
- CMYK
- cmyk(0% 100% 69% 20%)
Tons claros · Sombras · Tons
Tons claros
- D63752
- DE5364
- E56B77
- EB8289
- F1979C
- F5ACAF
- F9C1C3
- FCD6D7
- FEEAEB
Sombras
- B20036
- 98002D
- 7E0024
- 66001B
- 4E0013
- 38000B
- 230005
- 0F0001
- 020000
Tons
- C72747
- C1394E
- BB4654
- B4515A
- AD5B61
- A66367
- 9D6B6D
- 957374
- 8B797A
Harmonias de cor
Complementar +180°
- CD0040
Akari Red
- 007E80
≈ Macquarie
Análoga -30° +30°
- CD0040
Akari Red
- BD1887
≈ Loulou’s Purple
- B14B00
≈ Skrag Brown
Tríade +120° +240°
- CD0040
Akari Red
- 3C8200
≈ Green People
- 006AD7
≈ Flickr Blue
Complementar dividida +150° +210°
- CD0040
Akari Red
- 008260
≈ Shadows of Time
- 007A9C
≈ Sea Sight
Tétrade +90° +180° +270°
- CD0040
Akari Red
- 777200
≈ Bronze Yellow
- 007E80
≈ Macquarie
- 6B4CE2
≈ Majorelle Blue
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.72:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.66:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.72:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--akari-red: #cd0040;
--akari-red-rgb: 205 0 64;
--akari-red-oklch: oklch(0.539 0.215 16.3);
}
.element {
color: var(--akari-red);
background-color: hsl(341 100% 40%);
border-color: oklch(0.539 0.215 16.3);
}Tailwind CSS v4
@theme {
--color-akari-red: #cd0040;
--color-akari-red-50: #ffddde;
--color-akari-red-100: #ffcbcc;
--color-akari-red-200: #ffadb1;
--color-akari-red-300: #ff848c;
--color-akari-red-400: #ff5a71;
--color-akari-red-500: #f31d52;
--color-akari-red-600: #cd1e46;
--color-akari-red-700: #a51937;
--color-akari-red-800: #7b0f2a;
--color-akari-red-900: #570a1c;
--color-akari-red-950: #3a000d;
}SCSS
$akari-red: #cd0040;
$akari-red-rgb: 205, 0, 64;
$akari-red-light: mix(#fff, $akari-red, 20%);
$akari-red-dark: mix(#000, $akari-red, 20%);
.element {
color: $akari-red;
box-shadow: 0 0 0 2px rgba($akari-red, 0.35);
}