En yakın adlandırılmış renk · #395183
#395183
En yakın adlandırılmış renk: St. Tropaz
#395183 (rgb(57 81 131), hsl(221 39% 37%), oklch(0.44 0.088 263.7)) en çok St. Tropaz adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#395183
oklch(0.44 0.088 263.7)
Renk dönüşümleri
- HEX
- #395183
- RGB
- rgb(57 81 131)
- HSL
- hsl(221 39% 37%)
- HWB
- hwb(221 22% 49%)
- OKLCH
- oklch(0.44 0.088 263.7)
- OKLab
- oklab(0.44 -0.01 -0.087)
- CIE Lab
- lab(34.37 2.79 -31.44)
- LCH
- lch(34.37 31.56 275.1)
- CMYK
- cmyk(56% 38% 0% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4B618F
- 5D729C
- 7083A8
- 8394B5
- 97A5C1
- ABB6CD
- BFC8DA
- D4DAE6
- E9EDF3
Koyu tonlar
- 304571
- 283A60
- 1F2F4F
- 17243F
- 101A2F
- 091020
- 040712
- 010206
- 000001
Gri tonlar
- 405683
- 475B83
- 4E6083
- 556483
- 5C6983
- 636E83
- 6A7282
- 717782
- 797B81
Renk uyumları
Tamamlayıcı +180°
- 395183
St. Tropaz
- 694D05
≈ Antique Bronze
Analog -30° +30°
- 395183
St. Tropaz
- 0A5A7B
≈ Commandes
- 55487E
≈ Gentian Violet
Üçlü +120° +240°
- 395183
St. Tropaz
- 7C3D3A
≈ Kokiake Brown
- 325F31
≈ Deep Into the Wood
Bölünmüş tamamlayıcı +150° +210°
- 395183
St. Tropaz
- 77431E
≈ Walnut
- 525714
≈ Douro
Dörtlü +90° +180° +270°
- 395183
St. Tropaz
- 773C56
≈ Mulled Plum
- 694D05
≈ Antique Bronze
- 00614F
≈ Sci-Fi Takeout
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.83:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.67:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.83:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--st-tropaz: #395183;
--st-tropaz-rgb: 57 81 131;
--st-tropaz-oklch: oklch(0.44 0.088 263.7);
}
.element {
color: var(--st-tropaz);
background-color: hsl(221 39% 37%);
border-color: oklch(0.44 0.088 263.7);
}Tailwind CSS v4
@theme {
--color-st-tropaz: #395183;
--color-st-tropaz-50: #e9f5ff;
--color-st-tropaz-100: #dae8ff;
--color-st-tropaz-200: #c2d4fb;
--color-st-tropaz-300: #a2b7e5;
--color-st-tropaz-400: #849ed3;
--color-st-tropaz-500: #6885c1;
--color-st-tropaz-600: #5871a3;
--color-st-tropaz-700: #465a83;
--color-st-tropaz-800: #314261;
--color-st-tropaz-900: #212e44;
--color-st-tropaz-950: #111a2c;
}SCSS
$st-tropaz: #395183;
$st-tropaz-rgb: 57, 81, 131;
$st-tropaz-light: mix(#fff, $st-tropaz, 20%);
$st-tropaz-dark: mix(#000, $st-tropaz, 20%);
.element {
color: $st-tropaz;
box-shadow: 0 0 0 2px rgba($st-tropaz, 0.35);
}