Colore con nome più vicino · #693347
#693347
Colore con nome più vicino: Siren
#693347 (rgb(105 51 71), hsl(338 35% 31%), oklch(0.398 0.081 357.9)) è più vicino al colore con nome Siren. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#693347
oklch(0.398 0.081 357.9)
Conversioni di colore
- HEX
- #693347
- RGB
- rgb(105 51 71)
- HSL
- hsl(338 35% 31%)
- HWB
- hwb(338 20% 59%)
- OKLCH
- oklch(0.398 0.081 357.9)
- OKLab
- oklab(0.398 0.081 -0.003)
- CIE Lab
- lab(29.15 26.46 -0.8)
- LCH
- lch(29.15 26.47 358.3)
- CMYK
- cmyk(0% 51% 32% 59%)
Tinte · Ombre · Toni
Tinte
- 784657
- 875968
- 966C7A
- A5808C
- B4949E
- C3A9B1
- D2BEC4
- E1D3D7
- F0E9EB
Ombre
- 5A2B3D
- 4C2332
- 3E1C28
- 31141F
- 240D16
- 18070D
- 0C0306
- 040102
- 000000
Toni
- 6C3B4C
- 6F4352
- 724A57
- 74525D
- 775A63
- 796169
- 7B696E
- 7D7174
- 7F787A
Armonie di colore
Complementare +180°
- 693347
Siren
- 005447
≈ Breathe Deeply
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
- 693347
Siren
- 25532D
≈ Moor-Monster
- 00515A
≈ Kali Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.69:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.16:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.69:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--siren: #693347;
--siren-rgb: 105 51 71;
--siren-oklch: oklch(0.398 0.081 357.9);
}
.element {
color: var(--siren);
background-color: hsl(338 35% 31%);
border-color: oklch(0.398 0.081 357.9);
}Tailwind CSS v4
@theme {
--color-siren: #693347;
--color-siren-50: #ffecf4;
--color-siren-100: #ffdde7;
--color-siren-200: #f3c7d3;
--color-siren-300: #dba7b6;
--color-siren-400: #c68b9e;
--color-siren-500: #b26f86;
--color-siren-600: #965e71;
--color-siren-700: #784b5b;
--color-siren-800: #593643;
--color-siren-900: #3e252e;
--color-siren-950: #27141b;
}SCSS
$siren: #693347;
$siren-rgb: 105, 51, 71;
$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);
}