Cor nomeada mais próxima · #D0002F
#D0002F
Cor nomeada mais próxima: Red Tape
#D0002F (rgb(208 0 47), hsl(346 100% 41%), oklch(0.542 0.218 21.8)) é mais próxima da cor nomeada Red Tape. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D0002F
oklch(0.542 0.218 21.8)
Conversões de cor
- HEX
- #d0002f
- RGB
- rgb(208 0 47)
- HSL
- hsl(346 100% 41%)
- HWB
- hwb(346 0% 18%)
- OKLCH
- oklch(0.542 0.218 21.8)
- OKLab
- oklab(0.542 0.203 0.081)
- CIE Lab
- lab(44.53 69.85 38.78)
- LCH
- lch(44.53 79.9 29)
- CMYK
- cmyk(0% 100% 77% 18%)
Tons claros · Sombras · Tons
Tons claros
- D83844
- E05459
- E76C6D
- ED8381
- F29895
- F7ADAA
- FAC2BF
- FDD6D4
- FEEBE9
Sombras
- B50027
- 9A0020
- 800019
- 670012
- 4F000C
- 390006
- 230003
- 100001
- 020000
Tons
- CA2739
- C43942
- BD474A
- B65252
- AF5B5A
- A76462
- 9E6C6A
- 957371
- 8B7A79
Harmonias de cor
Complementar +180°
- D0002F
Red Tape
- 007F86
≈ Go Alpha
Análoga -30° +30°
- D0002F
Red Tape
- C3107D
≈ Purple Anxiety
- AC5200
≈ Brandy Bear
Tríade +120° +240°
- D0002F
Red Tape
- 128700
≈ Minstrel of the Woods
- 1A62EB
≈ Old Gungeon Red
Complementar dividida +150° +210°
- D0002F
Red Tape
- 008268
≈ Emperor’s Silk
- 0079A4
≈ CG Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.64:1 · APCA Lc 75
Ag
FailSobre preto
WCAG 3.72:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 75
Contrast pairs
Trechos de código
CSS
:root {
--red-tape: #d0002f;
--red-tape-rgb: 208 0 47;
--red-tape-oklch: oklch(0.542 0.218 21.8);
}
.element {
color: var(--red-tape);
background-color: hsl(346 100% 41%);
border-color: oklch(0.542 0.218 21.8);
}Tailwind CSS v4
@theme {
--color-red-tape: #d0002f;
--color-red-tape-50: #ffddd7;
--color-red-tape-100: #ffcbc5;
--color-red-tape-200: #ffada7;
--color-red-tape-300: #ff8480;
--color-red-tape-400: #ff5a62;
--color-red-tape-500: #f51b3e;
--color-red-tape-600: #cf1d36;
--color-red-tape-700: #a7182a;
--color-red-tape-800: #7d0e21;
--color-red-tape-900: #580a16;
--color-red-tape-950: #3b0007;
}SCSS
$red-tape: #d0002f;
$red-tape-rgb: 208, 0, 47;
$red-tape-light: mix(#fff, $red-tape, 20%);
$red-tape-dark: mix(#000, $red-tape, 20%);
.element {
color: $red-tape;
box-shadow: 0 0 0 2px rgba($red-tape, 0.35);
}