Nazwany kolor · #536871
Jabłoński Grey
Jabłoński Grey to #536871: rgb(83 104 113), hsl(198 15% 38%), oklch(0.504 0.029 225.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Jabłoński Grey color name →
#536871
oklch(0.504 0.029 225.8)
Konwersje koloru
- HEX
- #536871
- RGB
- rgb(83 104 113)
- HSL
- hsl(198 15% 38%)
- HWB
- hwb(198 33% 56%)
- OKLCH
- oklch(0.504 0.029 225.8)
- OKLab
- oklab(0.504 -0.02 -0.021)
- CIE Lab
- lab(42.54 -6.44 -7.8)
- LCH
- lch(42.54 10.12 230.5)
- CMYK
- cmyk(27% 8% 0% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 63767E
- 73848C
- 839399
- 94A2A7
- A5B1B6
- B7C0C4
- C8CFD2
- DADFE1
- EDEFF0
Odcienie ciemniejsze
- 475961
- 3B4B52
- 303E43
- 253035
- 1B2427
- 11181A
- 080C0E
- 020404
- 000001
Tony
- 586A73
- 5C6D74
- 616F76
- 657277
- 6A7479
- 6E767A
- 73797C
- 777B7D
- 7C7E7F
Harmonie kolorów
Komplementarna +180°
- 536871
Jabłoński Grey
- 735F57
≈ Raccoon Tail
Analogowa -30° +30°
- 536871
Jabłoński Grey
- 516A6A
≈ Rookwood Sash Green
- 5A6575
≈ Blue Zephyr
Triada +120° +240°
- 536871
Jabłoński Grey
- 715E68
≈ Smoked Mulberry
- 666653
≈ Dark Seagreen
Komplementarna rozszczepiona +150° +210°
- 536871
Jabłoński Grey
- 745E5F
≈ Dove Feather
- 6E6252
≈ Harold
Tetrada +90° +180° +270°
- 536871
Jabłoński Grey
- 6B5F70
≈ Sedona Shadow
- 735F57
≈ Raccoon Tail
- 5D6858
≈ Less Traveled
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.85:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.58:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.85:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--jab-onski-grey: #536871;
--jab-onski-grey-rgb: 83 104 113;
--jab-onski-grey-oklch: oklch(0.504 0.029 225.8);
}
.element {
color: var(--jab-onski-grey);
background-color: hsl(198 15% 38%);
border-color: oklch(0.504 0.029 225.8);
}Tailwind CSS v4
@theme {
--color-jab-onski-grey: #536871;
--color-jab-onski-grey-50: #edf7fc;
--color-jab-onski-grey-100: #deeaf0;
--color-jab-onski-grey-200: #c8d7de;
--color-jab-onski-grey-300: #a9bbc3;
--color-jab-onski-grey-400: #8da2ac;
--color-jab-onski-grey-500: #728b95;
--color-jab-onski-grey-600: #61757e;
--color-jab-onski-grey-700: #4d5e65;
--color-jab-onski-grey-800: #38454a;
--color-jab-onski-grey-900: #263033;
--color-jab-onski-grey-950: #151c1f;
}SCSS
$jab-onski-grey: #536871;
$jab-onski-grey-rgb: 83, 104, 113;
$jab-onski-grey-light: mix(#fff, $jab-onski-grey, 20%);
$jab-onski-grey-dark: mix(#000, $jab-onski-grey, 20%);
.element {
color: $jab-onski-grey;
box-shadow: 0 0 0 2px rgba($jab-onski-grey, 0.35);
}