Adlandırılmış renk · #6D3637
Port
Port, #6D3637: rgb(109 54 55), hsl(359 34% 32%), oklch(0.404 0.078 20). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Port color name →
#6D3637
oklch(0.404 0.078 20)
Renk dönüşümleri
- HEX
- #6d3637
- RGB
- rgb(109 54 55)
- HSL
- hsl(359 34% 32%)
- HWB
- hwb(359 21% 57%)
- OKLCH
- oklch(0.404 0.078 20)
- OKLab
- oklab(0.404 0.073 0.027)
- CIE Lab
- lab(30.1 24.97 11.1)
- LCH
- lch(30.1 27.33 24)
- CMYK
- cmyk(0% 50% 50% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7C4949
- 8B5B5B
- 996E6E
- A88281
- B69695
- C5AAA9
- D3BFBE
- E2D4D3
- F0E9E9
Koyu tonlar
- 5E2E2E
- 4F2526
- 411E1E
- 331616
- 260F0F
- 190808
- 0D0303
- 040101
- 010000
Gri tonlar
- 703E3E
- 724545
- 754D4C
- 775453
- 795B5B
- 7B6362
- 7C6A69
- 7E7171
- 7F7978
Renk uyumları
Tamamlayıcı +180°
- 6D3637
Port
- 005457
≈ Ice Dark Turquoise
Analog -30° +30°
Üçlü +120° +240°
- 6D3637
Port
- 315329
≈ Moor-Monster
- 2F4973
≈ Sailboat
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.40:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.23:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.40:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--port: #6d3637;
--port-rgb: 109 54 55;
--port-oklch: oklch(0.404 0.078 20);
}
.element {
color: var(--port);
background-color: hsl(359 34% 32%);
border-color: oklch(0.404 0.078 20);
}Tailwind CSS v4
@theme {
--color-port: #6d3637;
--color-port-50: #ffedeb;
--color-port-100: #ffdedc;
--color-port-200: #f4c8c5;
--color-port-300: #dda8a5;
--color-port-400: #c98c8b;
--color-port-500: #b47171;
--color-port-600: #98605f;
--color-port-700: #7a4c4c;
--color-port-800: #5a3738;
--color-port-900: #3f2626;
--color-port-950: #281415;
}SCSS
$port: #6d3637;
$port-rgb: 109, 54, 55;
$port-light: mix(#fff, $port, 20%);
$port-dark: mix(#000, $port, 20%);
.element {
color: $port;
box-shadow: 0 0 0 2px rgba($port, 0.35);
}