Cor nomeada mais próxima · #D81306
#D81306
Cor nomeada mais próxima: Red Republic
#D81306 (rgb(216 19 6), hsl(4 95% 44%), oklch(0.559 0.223 29.7)) é mais próxima da cor nomeada Red Republic. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D81306
oklch(0.559 0.223 29.7)
Conversões de cor
- HEX
- #d81306
- RGB
- rgb(216 19 6)
- HSL
- hsl(4 95% 44%)
- HWB
- hwb(4 2% 15%)
- OKLCH
- oklch(0.559 0.223 29.7)
- OKLab
- oklab(0.559 0.193 0.11)
- CIE Lab
- lab(46.65 69.57 59.9)
- LCH
- lch(46.65 91.8 40.7)
- CMYK
- cmyk(0% 91% 97% 15%)
Tons claros · Sombras · Tons
Tons claros
- E03E2F
- E65A49
- EC7160
- F28777
- F69C8D
- FAB0A3
- FCC4BA
- FED8D1
- FFEBE8
Sombras
- BC0F04
- A00B03
- 850702
- 6B0501
- 530301
- 3B0100
- 250100
- 110000
- 020000
Tons
- D12F21
- CA3F30
- C24B3D
- BB5648
- B25F52
- AA665C
- A16E65
- 97746E
- 8C7A77
Harmonias de cor
Complementar +180°
- D81306
Red Republic
- 008393
≈ Island Lush
Análoga -30° +30°
- D81306
Red Republic
- D00C6F
≈ Moth Orchid
- AB5E00
≈ Raw Umber
Tríade +120° +240°
- D81306
Red Republic
- 008C3E
≈ Cold Green
- 4560F4
≈ Secret of Mana
Complementar dividida +150° +210°
- D81306
Red Republic
- 008776
≈ Summer Turquoise
- 007CB6
≈ Artesian Water
Tétrade +90° +180° +270°
- D81306
Red Republic
- 6B7E00
≈ Topiary Garden
- 008393
≈ Island Lush
- 8B45E0
≈ Thick Purple
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.22:1 · APCA Lc 73
Ag
FailSobre preto
WCAG 4.01:1 · APCA Lc 28
Melhor cor de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--red-republic: #d81306;
--red-republic-rgb: 216 19 6;
--red-republic-oklch: oklch(0.559 0.223 29.7);
}
.element {
color: var(--red-republic);
background-color: hsl(4 95% 44%);
border-color: oklch(0.559 0.223 29.7);
}Tailwind CSS v4
@theme {
--color-red-republic: #d81306;
--color-red-republic-50: #ffdece;
--color-red-republic-100: #ffccba;
--color-red-republic-200: #ffaf98;
--color-red-republic-300: #ff866c;
--color-red-republic-400: #ff5b48;
--color-red-republic-500: #f71b0c;
--color-red-republic-600: #d11e11;
--color-red-republic-700: #a8190e;
--color-red-republic-800: #7e0e0e;
--color-red-republic-900: #590a09;
--color-red-republic-950: #3c0000;
}SCSS
$red-republic: #d81306;
$red-republic-rgb: 216, 19, 6;
$red-republic-light: mix(#fff, $red-republic, 20%);
$red-republic-dark: mix(#000, $red-republic, 20%);
.element {
color: $red-republic;
box-shadow: 0 0 0 2px rgba($red-republic, 0.35);
}