Colore con nome · #C0362D
Golden Gate Bridge
Golden Gate Bridge è #C0362D: rgb(192 54 45), hsl(4 62% 46%), oklch(0.541 0.176 28.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Golden Gate Bridge color name →
#C0362D
oklch(0.541 0.176 28.3)
Conversioni di colore
- HEX
- #c0362d
- RGB
- rgb(192 54 45)
- HSL
- hsl(4 62% 46%)
- HWB
- hwb(4 18% 25%)
- OKLCH
- oklch(0.541 0.176 28.3)
- OKLab
- oklab(0.541 0.155 0.083)
- CIE Lab
- lab(44.99 55.02 39.14)
- LCH
- lch(44.99 67.52 35.4)
- CMYK
- cmyk(0% 72% 77% 25%)
Tinte · Ombre · Toni
Tinte
- C94E43
- D16458
- D9786C
- E18C80
- E79F95
- EDB2A9
- F3C5BE
- F7D8D4
- FCECE9
Ombre
- A72E26
- 8E251F
- 761E18
- 5F1611
- 490F0B
- 340806
- 200302
- 0E0101
- 020000
Toni
- BB4237
- B64B41
- B15449
- AB5C52
- A5635A
- 9F6962
- 986F69
- 917571
- 897B79
Armonie di colore
Complementare +180°
- C0362D
Golden Gate Bridge
- 007D8B
≈ Metallic Seaweed
Analogo -30° +30°
- C0362D
Golden Gate Bridge
- B9336E
≈ Hibiscus
- A45800
≈ Windsor Brown
Triadico +120° +240°
- C0362D
Golden Gate Bridge
- 008635
≈ Broccoli Paradise
- 4463D4
≈ Monarchist
Complementare divisa +150° +210°
- C0362D
Golden Gate Bridge
- 00816F
≈ Tropical Green
- 0077AC
≈ Deluge
Tetradico +90° +180° +270°
- C0362D
Golden Gate Bridge
- 697800
≈ Topiary Green
- 007D8B
≈ Metallic Seaweed
- 7E50C6
≈ Fuchsia Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.51:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.80:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.51:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-gate-bridge: #c0362d;
--golden-gate-bridge-rgb: 192 54 45;
--golden-gate-bridge-oklch: oklch(0.541 0.176 28.3);
}
.element {
color: var(--golden-gate-bridge);
background-color: hsl(4 62% 46%);
border-color: oklch(0.541 0.176 28.3);
}Tailwind CSS v4
@theme {
--color-golden-gate-bridge: #c0362d;
--color-golden-gate-bridge-50: #ffe3d7;
--color-golden-gate-bridge-100: #ffd3c5;
--color-golden-gate-bridge-200: #ffb8a7;
--color-golden-gate-bridge-300: #ff9380;
--color-golden-gate-bridge-400: #f56f61;
--color-golden-gate-bridge-500: #e3483c;
--color-golden-gate-bridge-600: #c03e34;
--color-golden-gate-bridge-700: #9a3229;
--color-golden-gate-bridge-800: #73221f;
--color-golden-gate-bridge-900: #511714;
--color-golden-gate-bridge-950: #360706;
}SCSS
$golden-gate-bridge: #c0362d;
$golden-gate-bridge-rgb: 192, 54, 45;
$golden-gate-bridge-light: mix(#fff, $golden-gate-bridge, 20%);
$golden-gate-bridge-dark: mix(#000, $golden-gate-bridge, 20%);
.element {
color: $golden-gate-bridge;
box-shadow: 0 0 0 2px rgba($golden-gate-bridge, 0.35);
}