Nazwany kolor · #7C8B7F
Salty Sea
Salty Sea to #7C8B7F: rgb(124 139 127), hsl(132 6% 52%), oklch(0.621 0.025 151.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Salty Sea color name →
#7C8B7F
oklch(0.621 0.025 151.4)
Konwersje koloru
- HEX
- #7c8b7f
- RGB
- rgb(124 139 127)
- HSL
- hsl(132 6% 52%)
- HWB
- hwb(132 49% 45%)
- OKLCH
- oklch(0.621 0.025 151.4)
- OKLab
- oklab(0.621 -0.022 0.012)
- CIE Lab
- lab(56.37 -7.48 4.5)
- LCH
- lch(56.37 8.73 148.9)
- CMYK
- cmyk(11% 0% 9% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 88968B
- 95A197
- A2ACA4
- AEB8B0
- BCC3BD
- C9CFCA
- D6DBD7
- E4E7E4
- F1F3F2
Odcienie ciemniejsze
- 6B786E
- 5A665D
- 4A544C
- 3B433C
- 2C322D
- 1E231F
- 111411
- 050706
- 010101
Tony
- 7C8A7F
- 7D897F
- 7D887F
- 7E877F
- 7E8680
- 7F8480
- 7F8380
- 7F8280
- 808180
Harmonie kolorów
Komplementarna +180°
- 7C8B7F
Salty Sea
- 90818D
≈ Lavendaire
Analogowa -30° +30°
- 7C8B7F
Salty Sea
- 848979
≈ Spruce Shadow
- 778C87
≈ Chinois Green
Triada +120° +240°
- 7C8B7F
Salty Sea
- 818696
≈ Blue Jasmine
- 95817D
≈ Warm Embrace
Komplementarna rozszczepiona +150° +210°
- 7C8B7F
Salty Sea
- 898393
≈ Mecha Metal
- 948185
≈ Venetian
Tetrada +90° +180° +270°
- 7C8B7F
Salty Sea
- 7A8994
≈ Deep Channel
- 90818D
≈ Lavendaire
- 928378
≈ Timeless Taupe
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.58:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.85:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.85:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--salty-sea: #7c8b7f;
--salty-sea-rgb: 124 139 127;
--salty-sea-oklch: oklch(0.621 0.025 151.4);
}
.element {
color: var(--salty-sea);
background-color: hsl(132 6% 52%);
border-color: oklch(0.621 0.025 151.4);
}Tailwind CSS v4
@theme {
--color-salty-sea: #7c8b7f;
--color-salty-sea-50: #f0f7f2;
--color-salty-sea-100: #e2eae4;
--color-salty-sea-200: #cdd7cf;
--color-salty-sea-300: #aebbb1;
--color-salty-sea-400: #94a397;
--color-salty-sea-500: #7b8b7e;
--color-salty-sea-600: #68766b;
--color-salty-sea-700: #535e55;
--color-salty-sea-800: #3d453e;
--color-salty-sea-900: #2a302a;
--color-salty-sea-950: #171c18;
}SCSS
$salty-sea: #7c8b7f;
$salty-sea-rgb: 124, 139, 127;
$salty-sea-light: mix(#fff, $salty-sea, 20%);
$salty-sea-dark: mix(#000, $salty-sea, 20%);
.element {
color: $salty-sea;
box-shadow: 0 0 0 2px rgba($salty-sea, 0.35);
}