Nazwany kolor · #695A82
Concord Jam
Concord Jam to #695A82: rgb(105 90 130), hsl(263 18% 43%), oklch(0.498 0.065 301.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Concord Jam color name →
#695A82
oklch(0.498 0.065 301.3)
Konwersje koloru
- HEX
- #695a82
- RGB
- rgb(105 90 130)
- HSL
- hsl(263 18% 43%)
- HWB
- hwb(263 35% 49%)
- OKLCH
- oklch(0.498 0.065 301.3)
- OKLab
- oklab(0.498 0.034 -0.055)
- CIE Lab
- lab(40.94 12.86 -20.26)
- LCH
- lch(40.94 23.99 302.4)
- CMYK
- cmyk(19% 31% 0% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 77698E
- 85799A
- 9389A7
- A299B3
- B1A9BF
- C0BACC
- CFCBD9
- DFDCE5
- EFEDF2
Odcienie ciemniejsze
- 5A4D70
- 4C415F
- 3E354E
- 31293E
- 241E2F
- 181320
- 0C0912
- 040306
- 000001
Tony
- 6B5E82
- 6D6282
- 706682
- 726982
- 746D82
- 777181
- 797581
- 7B7881
- 7E7C80
Harmonie kolorów
Komplementarna +180°
- 695A82
Concord Jam
- 5D693E
≈ Baby Vegetable
Analogowa -30° +30°
- 695A82
Concord Jam
- 556188
≈ Karmic Grape
- 785574
≈ Opulent Ostrich
Triada +120° +240°
- 695A82
Concord Jam
- 7E5A3B
≈ Château Mantle
- 336F65
≈ Statue of Liberty
Komplementarna rozszczepiona +150° +210°
- 695A82
Concord Jam
- 706135
≈ Rationality
- 466D50
≈ Sabal Palm
Tetrada +90° +180° +270°
- 695A82
Concord Jam
- 84554C
≈ Root Beer
- 5D693E
≈ Baby Vegetable
- 306D78
≈ Ocean’s Embrace
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.20:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.38:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--concord-jam: #695a82;
--concord-jam-rgb: 105 90 130;
--concord-jam-oklch: oklch(0.498 0.065 301.3);
}
.element {
color: var(--concord-jam);
background-color: hsl(263 18% 43%);
border-color: oklch(0.498 0.065 301.3);
}Tailwind CSS v4
@theme {
--color-concord-jam: #695a82;
--color-concord-jam-50: #f9f1ff;
--color-concord-jam-100: #ece3fa;
--color-concord-jam-200: #daceec;
--color-concord-jam-300: #beb0d3;
--color-concord-jam-400: #a596bf;
--color-concord-jam-500: #8d7cab;
--color-concord-jam-600: #786990;
--color-concord-jam-700: #605474;
--color-concord-jam-800: #453d56;
--color-concord-jam-900: #302a3c;
--color-concord-jam-950: #1c1826;
}SCSS
$concord-jam: #695a82;
$concord-jam-rgb: 105, 90, 130;
$concord-jam-light: mix(#fff, $concord-jam, 20%);
$concord-jam-dark: mix(#000, $concord-jam, 20%);
.element {
color: $concord-jam;
box-shadow: 0 0 0 2px rgba($concord-jam, 0.35);
}