Nazwany kolor · #623B70
Heartless
Heartless to #623B70: rgb(98 59 112), hsl(284 31% 34%), oklch(0.421 0.096 316.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Heartless color name →
#623B70
oklch(0.421 0.096 316.7)
Konwersje koloru
- HEX
- #623b70
- RGB
- rgb(98 59 112)
- HSL
- hsl(284 31% 34%)
- HWB
- hwb(284 23% 56%)
- OKLCH
- oklch(0.421 0.096 316.7)
- OKLab
- oklab(0.421 0.07 -0.066)
- CIE Lab
- lab(31.43 25.1 -23.88)
- LCH
- lch(31.43 34.65 316.4)
- CMYK
- cmyk(13% 47% 0% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 714D7E
- 80608C
- 8F729A
- 9E85A8
- AE99B6
- BEADC4
- CEC1D3
- DED5E2
- EEEAF0
Odcienie ciemniejsze
- 543260
- 472951
- 3A2143
- 2D1935
- 211127
- 16091A
- 0B040E
- 030104
- 000001
Tony
- 654272
- 684974
- 6B5076
- 6E5777
- 715E79
- 74657A
- 776C7C
- 7A727D
- 7D797F
Harmonie kolorów
Komplementarna +180°
- 623B70
Heartless
- 335920
≈ Bright Nori
Analogowa -30° +30°
- 623B70
Heartless
- 4A447F
≈ Fresh Eggplant
- 723558
≈ Possessed Plum
Triada +120° +240°
- 623B70
Heartless
- 684600
≈ Violin Brown
- 00595B
≈ Deep Sea Green
Komplementarna rozszczepiona +150° +210°
- 623B70
Heartless
- 545000
≈ Scorzonera Brown
- 005C43
≈ Forest Shadows
Tetrada +90° +180° +270°
- 623B70
Heartless
- 773A19
≈ Kara Cha Brown
- 335920
≈ Bright Nori
- 00566F
≈ Subaqueous
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.82:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.37:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.82:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--heartless: #623b70;
--heartless-rgb: 98 59 112;
--heartless-oklch: oklch(0.421 0.096 316.7);
}
.element {
color: var(--heartless);
background-color: hsl(284 31% 34%);
border-color: oklch(0.421 0.096 316.7);
}Tailwind CSS v4
@theme {
--color-heartless: #623b70;
--color-heartless-50: #ffedff;
--color-heartless-100: #f6defd;
--color-heartless-200: #e6c8ef;
--color-heartless-300: #cda8d7;
--color-heartless-400: #b58dc5;
--color-heartless-500: #a071b1;
--color-heartless-600: #876095;
--color-heartless-700: #6c4d78;
--color-heartless-800: #4f3859;
--color-heartless-900: #37263f;
--color-heartless-950: #221428;
}SCSS
$heartless: #623b70;
$heartless-rgb: 98, 59, 112;
$heartless-light: mix(#fff, $heartless, 20%);
$heartless-dark: mix(#000, $heartless, 20%);
.element {
color: $heartless;
box-shadow: 0 0 0 2px rgba($heartless, 0.35);
}