Adlandırılmış renk · #6F828A
Polished Steel
Polished Steel, #6F828A: rgb(111 130 138), hsl(198 11% 49%), oklch(0.594 0.025 225.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Polished Steel color name →
#6F828A
oklch(0.594 0.025 225.1)
Renk dönüşümleri
- HEX
- #6f828a
- RGB
- rgb(111 130 138)
- HSL
- hsl(198 11% 49%)
- HWB
- hwb(198 44% 46%)
- OKLCH
- oklch(0.594 0.025 225.1)
- OKLab
- oklab(0.594 -0.018 -0.018)
- CIE Lab
- lab(53.04 -5.78 -6.78)
- LCH
- lch(53.04 8.91 229.5)
- CMYK
- cmyk(20% 6% 0% 46%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7D8E95
- 8A9AA0
- 98A6AC
- A6B2B7
- B5BFC3
- C3CBCF
- D2D8DB
- E1E5E7
- F0F2F3
Koyu tonlar
- 607077
- 515F65
- 424E53
- 343E42
- 272F32
- 1A2022
- 0E1214
- 040607
- 010101
Gri tonlar
- 718289
- 738288
- 748187
- 768186
- 788185
- 798184
- 7B8183
- 7D8082
- 7E8081
Renk uyumları
Tamamlayıcı +180°
- 6F828A
Polished Steel
- 8C7A72
≈ Revere Greige
Analog -30° +30°
- 6F828A
Polished Steel
- 6E8383
≈ Trooper
- 75808E
≈ Battle Blue
Üçlü +120° +240°
- 6F828A
Polished Steel
- 8A7982
≈ Purple Rubiate
- 80806E
≈ Serpent
Bölünmüş tamamlayıcı +150° +210°
- 6F828A
Polished Steel
- 8D7979
≈ Ashen Violet
- 887D6E
≈ Habitat
Dörtlü +90° +180° +270°
- 6F828A
Polished Steel
- 847A89
≈ High Note
- 8C7A72
≈ Revere Greige
- 788273
≈ Lottery Winnings
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.01:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.23:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--polished-steel: #6f828a;
--polished-steel-rgb: 111 130 138;
--polished-steel-oklch: oklch(0.594 0.025 225.1);
}
.element {
color: var(--polished-steel);
background-color: hsl(198 11% 49%);
border-color: oklch(0.594 0.025 225.1);
}Tailwind CSS v4
@theme {
--color-polished-steel: #6f828a;
--color-polished-steel-50: #eef7fb;
--color-polished-steel-100: #e0eaee;
--color-polished-steel-200: #cad7dd;
--color-polished-steel-300: #abbac2;
--color-polished-steel-400: #8fa2aa;
--color-polished-steel-500: #758a93;
--color-polished-steel-600: #63757c;
--color-polished-steel-700: #4f5d63;
--color-polished-steel-800: #394449;
--color-polished-steel-900: #272f32;
--color-polished-steel-950: #151c1e;
}SCSS
$polished-steel: #6f828a;
$polished-steel-rgb: 111, 130, 138;
$polished-steel-light: mix(#fff, $polished-steel, 20%);
$polished-steel-dark: mix(#000, $polished-steel, 20%);
.element {
color: $polished-steel;
box-shadow: 0 0 0 2px rgba($polished-steel, 0.35);
}