Color con nombre más cercano · #692B43
#692B43
Color con nombre más cercano: Siren
#692B43 (rgb(105 43 67), hsl(337 42% 29%), oklch(0.384 0.093 358.1)) se parece más al color con nombre Siren. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#692B43
oklch(0.384 0.093 358.1)
Conversiones de color
- HEX
- #692b43
- RGB
- rgb(105 43 67)
- HSL
- hsl(337 42% 29%)
- HWB
- hwb(337 17% 59%)
- OKLCH
- oklch(0.384 0.093 358.1)
- OKLab
- oklab(0.384 0.093 -0.003)
- CIE Lab
- lab(27.34 30.29 -0.78)
- LCH
- lch(27.34 30.3 358.5)
- CMYK
- cmyk(0% 59% 36% 59%)
Tintes · Sombras · Tonos
Tintes
- 783F54
- 885365
- 976777
- A67B89
- B5909C
- C4A6AF
- D3BBC2
- E1D2D6
- F0E8EA
Sombras
- 5A2439
- 4C1D2F
- 3E1626
- 31101D
- 240A14
- 18050C
- 0C0205
- 040101
- 000000
Tonos
- 6C3449
- 6F3D4F
- 724555
- 754E5B
- 775661
- 7A5E67
- 7C676D
- 7D6F73
- 7F787A
Armonías de color
Complementario +180°
- 692B43
Siren
- 004F43
≈ Fjord Green
Análogo -30° +30°
- 692B43
Siren
- 5D2F5C
≈ Japanese Violet
- 6C2C26
≈ Woody Brown
Triádico +120° +240°
- 692B43
Siren
- 3F4900
≈ No Emissions Green
- 00496B
≈ Adriatic
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 10.35:1 · APCA Lc 94
Ag
FailSobre negro
WCAG 2.02:1 · APCA Lc 9
Mejor color de texto: #FFFFFF
WCAG 10.35:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--siren: #692b43;
--siren-rgb: 105 43 67;
--siren-oklch: oklch(0.384 0.093 358.1);
}
.element {
color: var(--siren);
background-color: hsl(337 42% 29%);
border-color: oklch(0.384 0.093 358.1);
}Tailwind CSS v4
@theme {
--color-siren: #692b43;
--color-siren-50: #ffebf4;
--color-siren-100: #ffdce6;
--color-siren-200: #f7c4d2;
--color-siren-300: #e0a4b5;
--color-siren-400: #cc879e;
--color-siren-500: #b76b86;
--color-siren-600: #9b5b71;
--color-siren-700: #7c485a;
--color-siren-800: #5c3443;
--color-siren-900: #40242e;
--color-siren-950: #29121b;
}SCSS
$siren: #692b43;
$siren-rgb: 105, 43, 67;
$siren-light: mix(#fff, $siren, 20%);
$siren-dark: mix(#000, $siren, 20%);
.element {
color: $siren;
box-shadow: 0 0 0 2px rgba($siren, 0.35);
}