Colore con nome · #3B436C
Port Gore
Port Gore è #3B436C: rgb(59 67 108), hsl(230 29% 33%), oklch(0.395 0.07 274.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Port Gore color name →
#3B436C
oklch(0.395 0.07 274.4)
Conversioni di colore
- HEX
- #3b436c
- RGB
- rgb(59 67 108)
- HSL
- hsl(230 29% 33%)
- HWB
- hwb(230 23% 58%)
- OKLCH
- oklch(0.395 0.07 274.4)
- OKLab
- oklab(0.395 0.005 -0.07)
- CIE Lab
- lab(29.17 5.75 -25.25)
- LCH
- lch(29.17 25.89 282.8)
- CMYK
- cmyk(45% 38% 0% 58%)
Tinte · Ombre · Toni
Tinte
- 4C547A
- 5E6689
- 707897
- 838AA5
- 979DB4
- ABB0C3
- BFC3D2
- D4D7E1
- E9EBF0
Ombre
- 32395D
- 292F4E
- 212640
- 191D32
- 111425
- 090C19
- 04050D
- 010104
- 000000
Toni
- 41496E
- 484F71
- 4F5573
- 555B75
- 5C6177
- 636779
- 6A6E7B
- 71747D
- 797A7E
Armonie di colore
Complementare +180°
- 3B436C
Port Gore
- 534612
≈ Sugarloaf Brown
Analogo -30° +30°
- 3B436C
Port Gore
- 214A69
≈ Indigo Cloth
- 4F3C65
≈ Mulberry Purple
Triadico +120° +240°
- 3B436C
Port Gore
- 67382C
≈ One Dozen
- 245135
≈ Kaitoke Green
Complementare divisa +150° +210°
- 3B436C
Port Gore
- 603E19
≈ Cassiterite Brown
- 3E4D20
≈ Bronze Tone
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.52:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.20:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.52:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--port-gore: #3b436c;
--port-gore-rgb: 59 67 108;
--port-gore-oklch: oklch(0.395 0.07 274.4);
}
.element {
color: var(--port-gore);
background-color: hsl(230 29% 33%);
border-color: oklch(0.395 0.07 274.4);
}Tailwind CSS v4
@theme {
--color-port-gore: #3b436c;
--color-port-gore-50: #eff4ff;
--color-port-gore-100: #e1e6ff;
--color-port-gore-200: #ccd2f3;
--color-port-gore-300: #adb5dc;
--color-port-gore-400: #919cc8;
--color-port-gore-500: #7883b5;
--color-port-gore-600: #656f99;
--color-port-gore-700: #51597b;
--color-port-gore-800: #3a415b;
--color-port-gore-900: #282d40;
--color-port-gore-950: #161a29;
}SCSS
$port-gore: #3b436c;
$port-gore-rgb: 59, 67, 108;
$port-gore-light: mix(#fff, $port-gore, 20%);
$port-gore-dark: mix(#000, $port-gore, 20%);
.element {
color: $port-gore;
box-shadow: 0 0 0 2px rgba($port-gore, 0.35);
}