Color con nombre más cercano · #819F55
#819F55
Color con nombre más cercano: Rosemarried
#819F55 (rgb(129 159 85), hsl(84 30% 48%), oklch(0.662 0.106 127.2)) se parece más al color con nombre Rosemarried. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#819F55
oklch(0.662 0.106 127.2)
Conversiones de color
- HEX
- #819f55
- RGB
- rgb(129 159 85)
- HSL
- hsl(84 30% 48%)
- HWB
- hwb(84 33% 38%)
- OKLCH
- oklch(0.662 0.106 127.2)
- OKLab
- oklab(0.662 -0.064 0.085)
- CIE Lab
- lab(61.9 -20.3 34.82)
- LCH
- lch(61.9 40.3 120.2)
- CMYK
- cmyk(19% 0% 47% 38%)
Tintes · Sombras · Tonos
Tintes
- 8DA866
- 99B277
- A5BC88
- B2C599
- BECFAA
- CBD8BB
- D8E2CC
- E5ECDD
- F2F5EE
Sombras
- 6F8A49
- 5E753D
- 4E6131
- 3E4D26
- 2E3B1C
- 1F2911
- 121808
- 060902
- 010100
Tonos
- 819C5A
- 819960
- 819664
- 819369
- 81906D
- 808D71
- 808A75
- 808679
- 80837D
Armonías de color
Complementario +180°
- 819F55
Rosemarried
- A481C6
≈ Wisteria
Análogo -30° +30°
- 819F55
Rosemarried
- A5933F
≈ 18th Century Green
- 55A679
≈ Shamrock Green
Triádico +120° +240°
- 819F55
Rosemarried
- 5A98D1
≈ Winter Lake
- CA7687
≈ Long Spring
Complementario dividido +150° +210°
- 819F55
Rosemarried
- 838CD4
≈ Pansy Garden
- BD79AA
≈ Hollyhock Blossom Pink
Tetrádico +90° +180° +270°
- 819F55
Rosemarried
- 2EA2BD
≈ Maui
- A481C6
≈ Wisteria
- CB7B63
≈ Aloe Blossom
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.98:1 · APCA Lc 56
Ag
AAASobre negro
WCAG 7.02:1 · APCA Lc 45
Mejor color de texto: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
Fragmentos de código
CSS
:root {
--rosemarried: #819f55;
--rosemarried-rgb: 129 159 85;
--rosemarried-oklch: oklch(0.662 0.106 127.2);
}
.element {
color: var(--rosemarried);
background-color: hsl(84 30% 48%);
border-color: oklch(0.662 0.106 127.2);
}Tailwind CSS v4
@theme {
--color-rosemarried: #819f55;
--color-rosemarried-50: #ecfcdc;
--color-rosemarried-100: #ddefca;
--color-rosemarried-200: #c6deae;
--color-rosemarried-300: #a6c388;
--color-rosemarried-400: #8daa64;
--color-rosemarried-500: #739340;
--color-rosemarried-600: #617c37;
--color-rosemarried-700: #4e642c;
--color-rosemarried-800: #3a491d;
--color-rosemarried-900: #283213;
--color-rosemarried-950: #161e05;
}SCSS
$rosemarried: #819f55;
$rosemarried-rgb: 129, 159, 85;
$rosemarried-light: mix(#fff, $rosemarried, 20%);
$rosemarried-dark: mix(#000, $rosemarried, 20%);
.element {
color: $rosemarried;
box-shadow: 0 0 0 2px rgba($rosemarried, 0.35);
}