Nazwany kolor · #3F545A
Casal
Casal to #3F545A: rgb(63 84 90), hsl(193 18% 30%), oklch(0.431 0.028 217.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Casal color name →
#3F545A
oklch(0.431 0.028 217.2)
Konwersje koloru
- HEX
- #3f545a
- RGB
- rgb(63 84 90)
- HSL
- hsl(193 18% 30%)
- HWB
- hwb(193 25% 65%)
- OKLCH
- oklch(0.431 0.028 217.2)
- OKLab
- oklab(0.431 -0.022 -0.017)
- CIE Lab
- lab(34.15 -7.15 -6.29)
- LCH
- lch(34.15 9.52 221.3)
- CMYK
- cmyk(30% 7% 0% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 506469
- 627378
- 748488
- 879498
- 9AA5A9
- AEB7BA
- C1C8CA
- D6DADC
- EAEDED
Odcienie ciemniejsze
- 35484D
- 2C3C41
- 233135
- 1B2629
- 121B1E
- 0A1113
- 040809
- 010203
- 000000
Tony
- 45585E
- 4C5D61
- 526165
- 596569
- 5F6A6D
- 666E71
- 6C7374
- 737778
- 797B7C
Harmonie kolorów
Komplementarna +180°
- 3F545A
Casal
- 5E4B45
≈ Cafe Expreso
Analogowa -30° +30°
- 3F545A
Casal
- 3F5552
≈ Sycamore Tree
- 44525F
≈ Night Tide
Triada +120° +240°
- 3F545A
Casal
- 5A4A56
≈ Deep Merlot
- 54503F
≈ Forest Floor
Komplementarna rozszczepiona +150° +210°
- 3F545A
Casal
- 5E4A4D
≈ Raisin
- 5B4D40
≈ Rock
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.99:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.62:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--casal: #3f545a;
--casal-rgb: 63 84 90;
--casal-oklch: oklch(0.431 0.028 217.2);
}
.element {
color: var(--casal);
background-color: hsl(193 18% 30%);
border-color: oklch(0.431 0.028 217.2);
}Tailwind CSS v4
@theme {
--color-casal: #3f545a;
--color-casal-50: #edf7fb;
--color-casal-100: #deeaee;
--color-casal-200: #c8d7dc;
--color-casal-300: #a9bbc1;
--color-casal-400: #8da3a9;
--color-casal-500: #728b92;
--color-casal-600: #61767c;
--color-casal-700: #4d5e63;
--color-casal-800: #384548;
--color-casal-900: #263032;
--color-casal-950: #151c1e;
}SCSS
$casal: #3f545a;
$casal-rgb: 63, 84, 90;
$casal-light: mix(#fff, $casal, 20%);
$casal-dark: mix(#000, $casal, 20%);
.element {
color: $casal;
box-shadow: 0 0 0 2px rgba($casal, 0.35);
}