Couleur nommée la plus proche · #622643
#622643
Couleur nommée la plus proche: Soul Anchor
#622643 (rgb(98 38 67), hsl(331 44% 27%), oklch(0.365 0.094 352.6)) est la plus proche de la couleur nommée Soul Anchor. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#622643
oklch(0.365 0.094 352.6)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 723A54
- 824F65
- 926377
- A17889
- B18E9C
- C1A3AF
- D0BAC2
- E0D0D6
- EFE7EA
Ombres
- 542039
- 47192F
- 3A1326
- 2D0D1D
- 210814
- 16040C
- 0B0205
- 030101
- 000000
Tons
- 663049
- 6A394F
- 6D4255
- 714B5B
- 745361
- 775C67
- 79656D
- 7C6E73
- 7E777A
Harmonies de couleurs
Complémentaire +180°
- 622643
Soul Anchor
- 004A3B
≈ Aqua Deep
Analogue -30° +30°
- 622643
Soul Anchor
- 552B5B
≈ Kuwanomi Purple
- 672627
≈ Azuki Red
Triadique +120° +240°
- 622643
Soul Anchor
- 3F4200
≈ Green Not Found
- 00445F
≈ Loyal Blue
Complémentaire divisée +150° +210°
- 622643
Soul Anchor
- 1B4A19
≈ Pine Green
- 00484D
≈ Sherpa Blue
Tétradique +90° +180° +270°
- 622643
Soul Anchor
- 523A00
≈ Pineapple
- 004A3B
≈ Aqua Deep
- 233C6F
≈ Limoges
Contraste et accessibilité
Ag
AAASur blanc
WCAG 11.18:1 · APCA Lc 95
Ag
FailSur noir
WCAG 1.87:1 · APCA Lc 7
Meilleure couleur de texte: #FFFFFF
WCAG 11.18:1 (AAA) · APCA Lc 95
Contrast pairs
Extraits de code
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);
}