Nazwany kolor · #3C3D3E
Baltic Sea
Baltic Sea to #3C3D3E: rgb(60 61 62), hsl(210 2% 24%), oklch(0.359 0.002 247.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Baltic Sea color name →
#3C3D3E
oklch(0.359 0.002 247.9)
Konwersje koloru
- HEX
- #3c3d3e
- RGB
- rgb(60 61 62)
- HSL
- hsl(210 2% 24%)
- HWB
- hwb(210 24% 76%)
- OKLCH
- oklch(0.359 0.002 247.9)
- OKLab
- oklab(0.359 -0.001 -0.002)
- CIE Lab
- lab(25.69 -0.27 -0.77)
- LCH
- lch(25.69 0.82 250.9)
- CMYK
- cmyk(3% 2% 0% 76%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4D4E4F
- 5F6061
- 717273
- 848585
- 989899
- ABACAC
- C0C0C0
- D4D5D5
- EAEAEA
Odcienie ciemniejsze
- 333435
- 2A2B2B
- 212223
- 191A1A
- 111212
- 0A0A0A
- 040404
- 010101
- 000000
Tony
- 424344
- 494A4B
- 4F5051
- 565757
- 5D5D5E
- 646465
- 6B6B6B
- 727272
- 797979
Harmonie kolorów
Komplementarna +180°
- 3C3D3E
Baltic Sea
- 3E3D3C
≈ Raven Black
Analogowa -30° +30°
- 3C3D3E
Baltic Sea
- 3C3D3E
≈ Baltic Sea
- 3D3D3E
≈ Baltic Sea
Triada +120° +240°
- 3C3D3E
Baltic Sea
- 3E3C3D
≈ Raven Black
- 3D3D3C
≈ Raven Black
Komplementarna rozszczepiona +150° +210°
- 3C3D3E
Baltic Sea
- 3E3D3C
≈ Raven Black
- 3D3D3C
≈ Raven Black
Tetrada +90° +180° +270°
- 3C3D3E
Baltic Sea
- 3E3C3D
≈ Raven Black
- 3E3D3C
≈ Raven Black
- 3C3D3C
≈ Raven Black
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.88:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.92:1 · APCA Lc 7
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.88:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--baltic-sea: #3c3d3e;
--baltic-sea-rgb: 60 61 62;
--baltic-sea-oklch: oklch(0.359 0.002 247.9);
}
.element {
color: var(--baltic-sea);
background-color: hsl(210 2% 24%);
border-color: oklch(0.359 0.002 247.9);
}Tailwind CSS v4
@theme {
--color-baltic-sea: #3c3d3e;
--color-baltic-sea-50: #f5f5f6;
--color-baltic-sea-100: #e7e8e8;
--color-baltic-sea-200: #d3d4d5;
--color-baltic-sea-300: #b6b7b8;
--color-baltic-sea-400: #9d9ea0;
--color-baltic-sea-500: #858687;
--color-baltic-sea-600: #717273;
--color-baltic-sea-700: #5a5b5c;
--color-baltic-sea-800: #424243;
--color-baltic-sea-900: #2d2e2e;
--color-baltic-sea-950: #1a1b1b;
}SCSS
$baltic-sea: #3c3d3e;
$baltic-sea-rgb: 60, 61, 62;
$baltic-sea-light: mix(#fff, $baltic-sea, 20%);
$baltic-sea-dark: mix(#000, $baltic-sea, 20%);
.element {
color: $baltic-sea;
box-shadow: 0 0 0 2px rgba($baltic-sea, 0.35);
}