Colore con nome più vicino · #622643
#622643
Colore con nome più vicino: Soul Anchor
#622643 (rgb(98 38 67), hsl(331 44% 27%), oklch(0.365 0.094 352.6)) è più vicino al colore con nome Soul Anchor. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#622643
oklch(0.365 0.094 352.6)
Conversioni di colore
- HEX
- #622643
- RGB
- rgb(98 38 67)
- HSL
- hsl(331 44% 27%)
- HWB
- hwb(331 15% 62%)
- OKLCH
- oklch(0.365 0.094 352.6)
- OKLab
- oklab(0.365 0.093 -0.012)
- CIE Lab
- lab(25.1 30.19 -4.23)
- LCH
- lch(25.1 30.48 352)
- CMYK
- cmyk(0% 61% 32% 62%)
Tinte · Ombre · Toni
Tinte
- 723A54
- 824F65
- 926377
- A17889
- B18E9C
- C1A3AF
- D0BAC2
- E0D0D6
- EFE7EA
Ombre
- 542039
- 47192F
- 3A1326
- 2D0D1D
- 210814
- 16040C
- 0B0205
- 030101
- 000000
Toni
- 663049
- 6A394F
- 6D4255
- 714B5B
- 745361
- 775C67
- 79656D
- 7C6E73
- 7E777A
Armonie di colore
Complementare +180°
- 622643
Soul Anchor
- 004A3B
≈ Aqua Deep
Analogo -30° +30°
- 622643
Soul Anchor
- 552B5B
≈ Kuwanomi Purple
- 672627
≈ Azuki Red
Triadico +120° +240°
- 622643
Soul Anchor
- 3F4200
≈ Green Not Found
- 00445F
≈ Loyal Blue
Complementare divisa +150° +210°
- 622643
Soul Anchor
- 1B4A19
≈ Pine Green
- 00484D
≈ Sherpa Blue
Tetradico +90° +180° +270°
- 622643
Soul Anchor
- 523A00
≈ Pineapple
- 004A3B
≈ Aqua Deep
- 233C6F
≈ Limoges
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.18:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.87:1 · APCA Lc 7
Miglior colore del testo: #FFFFFF
WCAG 11.18:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--soul-anchor: #622643;
--soul-anchor-rgb: 98 38 67;
--soul-anchor-oklch: oklch(0.365 0.094 352.6);
}
.element {
color: var(--soul-anchor);
background-color: hsl(331 44% 27%);
border-color: oklch(0.365 0.094 352.6);
}Tailwind CSS v4
@theme {
--color-soul-anchor: #622643;
--color-soul-anchor-50: #ffebf7;
--color-soul-anchor-100: #ffdcea;
--color-soul-anchor-200: #f6c4d6;
--color-soul-anchor-300: #dfa4ba;
--color-soul-anchor-400: #ca87a4;
--color-soul-anchor-500: #b66b8c;
--color-soul-anchor-600: #995b76;
--color-soul-anchor-700: #7b495f;
--color-soul-anchor-800: #5b3447;
--color-soul-anchor-900: #402431;
--color-soul-anchor-950: #28121d;
}SCSS
$soul-anchor: #622643;
$soul-anchor-rgb: 98, 38, 67;
$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);
}