Nazwany kolor · #79547A
Birthstone
Birthstone to #79547A: rgb(121 84 122), hsl(298 18% 40%), oklch(0.499 0.074 325.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Birthstone color name →
#79547A
oklch(0.499 0.074 325.7)
Konwersje koloru
- HEX
- #79547a
- RGB
- rgb(121 84 122)
- HSL
- hsl(298 18% 40%)
- HWB
- hwb(298 33% 52%)
- OKLCH
- oklch(0.499 0.074 325.7)
- OKLab
- oklab(0.499 0.061 -0.042)
- CIE Lab
- lab(40.88 20.94 -15.29)
- LCH
- lch(40.88 25.93 323.9)
- CMYK
- cmyk(1% 31% 0% 52%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 866487
- 937493
- A084A0
- AD95AE
- BBA6BB
- C8B7C8
- D6C9D6
- E3DBE3
- F1EDF1
Odcienie ciemniejsze
- 684869
- 583C59
- 483149
- 39263A
- 2B1B2B
- 1D111D
- 100810
- 050205
- 010001
Tony
- 7A597B
- 7B5D7B
- 7C617C
- 7C667D
- 7D6A7D
- 7E6F7E
- 7E737F
- 7F777F
- 807C80
Harmonie kolorów
Komplementarna +180°
- 79547A
Birthstone
- 476E49
≈ Jungle Adventure
Analogowa -30° +30°
- 79547A
Birthstone
- 675A89
≈ Idol
- 855165
≈ Raspberry Crush
Triada +120° +240°
- 79547A
Birthstone
- 76602D
≈ Himalaya
- 216F78
≈ Antigua
Komplementarna rozszczepiona +150° +210°
- 79547A
Birthstone
- 616835
≈ Heavy Khaki
- 2C7161
≈ Nordic Forest
Tetrada +90° +180° +270°
- 79547A
Birthstone
- 845838
≈ Football
- 476E49
≈ Jungle Adventure
- 346A88
≈ Faience
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.24:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.36:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--birthstone: #79547a;
--birthstone-rgb: 121 84 122;
--birthstone-oklch: oklch(0.499 0.074 325.7);
}
.element {
color: var(--birthstone);
background-color: hsl(298 18% 40%);
border-color: oklch(0.499 0.074 325.7);
}Tailwind CSS v4
@theme {
--color-birthstone: #79547a;
--color-birthstone-50: #ffeeff;
--color-birthstone-100: #f6e0f5;
--color-birthstone-200: #e6cae5;
--color-birthstone-300: #cdaacb;
--color-birthstone-400: #b690b6;
--color-birthstone-500: #a075a1;
--color-birthstone-600: #876388;
--color-birthstone-700: #6c4f6d;
--color-birthstone-800: #4f3a51;
--color-birthstone-900: #372738;
--color-birthstone-950: #221523;
}SCSS
$birthstone: #79547a;
$birthstone-rgb: 121, 84, 122;
$birthstone-light: mix(#fff, $birthstone, 20%);
$birthstone-dark: mix(#000, $birthstone, 20%);
.element {
color: $birthstone;
box-shadow: 0 0 0 2px rgba($birthstone, 0.35);
}