Cor nomeada mais próxima · #DA3947
#DA3947
Cor nomeada mais próxima: Poppy Red
#DA3947 (rgb(218 57 71), hsl(355 69% 54%), oklch(0.592 0.197 21.2)) é mais próxima da cor nomeada Poppy Red. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DA3947
oklch(0.592 0.197 21.2)
Conversões de cor
- HEX
- #da3947
- RGB
- rgb(218 57 71)
- HSL
- hsl(355 69% 54%)
- HWB
- hwb(355 22% 15%)
- OKLCH
- oklch(0.592 0.197 21.2)
- OKLab
- oklab(0.592 0.183 0.071)
- CIE Lab
- lab(50.59 62.9 31.92)
- LCH
- lch(50.59 70.53 26.9)
- CMYK
- cmyk(0% 74% 67% 15%)
Tons claros · Sombras · Tons
Tons claros
- E15359
- E7696B
- EC7D7D
- F1908F
- F5A3A1
- F9B6B3
- FCC8C6
- FEDAD9
- FFEDEC
Sombras
- BD303D
- A22832
- 871F28
- 6C171F
- 541016
- 3C090D
- 250406
- 110102
- 020000
Tons
- D3454D
- CB4F54
- C3585A
- BB5F5F
- B26665
- A96C6B
- A07270
- 967775
- 8B7C7B
Harmonias de cor
Complementar +180°
- DA3947
Poppy Red
- 008F96
≈ Christina Brown
Análoga -30° +30°
- DA3947
Poppy Red
- CE3B8C
≈ Magenta Pink
- C35D00
≈ Crema
Tríade +120° +240°
- DA3947
Poppy Red
- 1F9800
≈ Innisfree Garden
- 3376F0
≈ Deep Sky Blue
Complementar dividida +150° +210°
- DA3947
Poppy Red
- 009375
≈ Dòu Lǜ Green
- 0089B8
≈ Mermaid Dreams
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.50:1 · APCA Lc 70
Ag
AASobre preto
WCAG 4.65:1 · APCA Lc 32
Melhor cor de texto: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Trechos de código
CSS
:root {
--poppy-red: #da3947;
--poppy-red-rgb: 218 57 71;
--poppy-red-oklch: oklch(0.592 0.197 21.2);
}
.element {
color: var(--poppy-red);
background-color: hsl(355 69% 54%);
border-color: oklch(0.592 0.197 21.2);
}Tailwind CSS v4
@theme {
--color-poppy-red: #da3947;
--color-poppy-red-50: #ffe0db;
--color-poppy-red-100: #ffcec9;
--color-poppy-red-200: #ffb2ac;
--color-poppy-red-300: #ff8b87;
--color-poppy-red-400: #fd646a;
--color-poppy-red-500: #ec3549;
--color-poppy-red-600: #c7303e;
--color-poppy-red-700: #a02631;
--color-poppy-red-800: #781925;
--color-poppy-red-900: #551119;
--color-poppy-red-950: #38020a;
}SCSS
$poppy-red: #da3947;
$poppy-red-rgb: 218, 57, 71;
$poppy-red-light: mix(#fff, $poppy-red, 20%);
$poppy-red-dark: mix(#000, $poppy-red, 20%);
.element {
color: $poppy-red;
box-shadow: 0 0 0 2px rgba($poppy-red, 0.35);
}