Cor nomeada mais próxima · #D7655E
#D7655E
Cor nomeada mais próxima: Happy Hearts
#D7655E (rgb(215 101 94), hsl(3 60% 61%), oklch(0.643 0.145 25.5)) é mais próxima da cor nomeada Happy Hearts. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D7655E
oklch(0.643 0.145 25.5)
Conversões de cor
- HEX
- #d7655e
- RGB
- rgb(215 101 94)
- HSL
- hsl(3 60% 61%)
- HWB
- hwb(3 37% 16%)
- OKLCH
- oklch(0.643 0.145 25.5)
- OKLab
- oklab(0.643 0.131 0.062)
- CIE Lab
- lab(57.2 45.33 26.57)
- LCH
- lch(57.2 52.54 30.4)
- CMYK
- cmyk(0% 53% 56% 16%)
Tons claros · Sombras · Tons
Tons claros
- DD756E
- E2857D
- E7958D
- ECA49D
- F0B3AD
- F4C2BD
- F8D1CD
- FAE1DE
- FDF0EE
Sombras
- BB5751
- 9F4944
- 853C37
- 6B2F2B
- 52221F
- 3B1714
- 250C0A
- 110303
- 020000
Tons
- CF6962
- C76D66
- BF7069
- B7736D
- AE7670
- A67873
- 9D7A77
- 947C7A
- 8A7E7D
Harmonias de cor
Complementar +180°
- D7655E
Happy Hearts
- 00A0AD
≈ Riviera
Análoga -30° +30°
- D7655E
Happy Hearts
- CF6391
≈ Preppy Rose
- CE7222
≈ Autumn Maple
Tríade +120° +240°
- D7655E
Happy Hearts
- 4AA453
≈ Fruit Salad
- 6289E5
≈ Soft Blue
Complementar dividida +150° +210°
- D7655E
Happy Hearts
- 00A48A
≈ Brilliant Turquoise
- 0098D4
≈ Bayern Blue
Tétrade +90° +180° +270°
- D7655E
Happy Hearts
- 8A9706
≈ Snakes in the Grass
- 00A0AD
≈ Riviera
- 9578DB
≈ Matt Purple
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.55:1 · APCA Lc 63
Ag
AASobre preto
WCAG 5.91:1 · APCA Lc 39
Melhor cor de texto: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
Trechos de código
CSS
:root {
--happy-hearts: #d7655e;
--happy-hearts-rgb: 215 101 94;
--happy-hearts-oklch: oklch(0.643 0.145 25.5);
}
.element {
color: var(--happy-hearts);
background-color: hsl(3 60% 61%);
border-color: oklch(0.643 0.145 25.5);
}Tailwind CSS v4
@theme {
--color-happy-hearts: #d7655e;
--color-happy-hearts-50: #ffe6df;
--color-happy-hearts-100: #ffd6ce;
--color-happy-hearts-200: #ffbdb2;
--color-happy-hearts-300: #f99a8e;
--color-happy-hearts-400: #e77971;
--color-happy-hearts-500: #d55852;
--color-happy-hearts-600: #b44b46;
--color-happy-hearts-700: #913c38;
--color-happy-hearts-800: #6c2a29;
--color-happy-hearts-900: #4c1d1c;
--color-happy-hearts-950: #320c0c;
}SCSS
$happy-hearts: #d7655e;
$happy-hearts-rgb: 215, 101, 94;
$happy-hearts-light: mix(#fff, $happy-hearts, 20%);
$happy-hearts-dark: mix(#000, $happy-hearts, 20%);
.element {
color: $happy-hearts;
box-shadow: 0 0 0 2px rgba($happy-hearts, 0.35);
}