Color con nombre más cercano · #692047
#692047
Color con nombre más cercano: Soul Anchor
#692047 (rgb(105 32 71), hsl(328 53% 27%), oklch(0.37 0.113 351)) se parece más al color con nombre Soul Anchor. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#692047
oklch(0.37 0.113 351)
Conversiones de color
- HEX
- #692047
- RGB
- rgb(105 32 71)
- HSL
- hsl(328 53% 27%)
- HWB
- hwb(328 13% 59%)
- OKLCH
- oklch(0.37 0.113 351)
- OKLab
- oklab(0.37 0.111 -0.018)
- CIE Lab
- lab(25.44 35.9 -6.24)
- LCH
- lch(25.44 36.44 350.1)
- CMYK
- cmyk(0% 70% 32% 59%)
Tintes · Sombras · Tonos
Tintes
- 793657
- 884B68
- 98617A
- A7768C
- B68C9E
- C5A2B1
- D3B9C4
- E2D0D7
- F1E7EB
Sombras
- 5A1A3D
- 4C1532
- 3E0F28
- 310A1F
- 240616
- 18030D
- 0C0106
- 040002
- 000000
Tonos
- 6D2B4C
- 703552
- 733F58
- 76495D
- 785263
- 7A5B69
- 7C646E
- 7E6E74
- 7F777A
Armonías de color
Complementario +180°
- 692047
Soul Anchor
- 004C3B
≈ Raspberry Leaf Green
Análogo -30° +30°
- 692047
Soul Anchor
- 5A2763
≈ Elegant Purple Gown
- 6F1F24
≈ Red Berry
Triádico +120° +240°
- 692047
Soul Anchor
- 424300
≈ Green Not Found
- 004660
≈ Loyal Blue
Complementario dividido +150° +210°
- 692047
Soul Anchor
- 144D0A
≈ Malachite Green
- 00494D
≈ Sherpa Blue
Tetrádico +90° +180° +270°
- 692047
Soul Anchor
- 543B00
≈ Pineapple
- 004C3B
≈ Raspberry Leaf Green
- 1A3D7A
≈ Blue Expanse
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 11.06:1 · APCA Lc 95
Ag
FailSobre negro
WCAG 1.89:1 · APCA Lc 8
Mejor color de texto: #FFFFFF
WCAG 11.06:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmentos de código
CSS
:root {
--soul-anchor: #692047;
--soul-anchor-rgb: 105 32 71;
--soul-anchor-oklch: oklch(0.37 0.113 351);
}
.element {
color: var(--soul-anchor);
background-color: hsl(328 53% 27%);
border-color: oklch(0.37 0.113 351);
}Tailwind CSS v4
@theme {
--color-soul-anchor: #692047;
--color-soul-anchor-50: #ffe9f8;
--color-soul-anchor-100: #ffd9eb;
--color-soul-anchor-200: #fcc1d8;
--color-soul-anchor-300: #e5a0bc;
--color-soul-anchor-400: #d182a7;
--color-soul-anchor-500: #bd648f;
--color-soul-anchor-600: #a05579;
--color-soul-anchor-700: #804461;
--color-soul-anchor-800: #5f3148;
--color-soul-anchor-900: #422132;
--color-soul-anchor-950: #2a101e;
}SCSS
$soul-anchor: #692047;
$soul-anchor-rgb: 105, 32, 71;
$soul-anchor-light: mix(#fff, $soul-anchor, 20%);
$soul-anchor-dark: mix(#000, $soul-anchor, 20%);
.element {
color: $soul-anchor;
box-shadow: 0 0 0 2px rgba($soul-anchor, 0.35);
}