Benannte Farbe · #C0362D
Golden Gate Bridge
Golden Gate Bridge ist #C0362D: rgb(192 54 45), hsl(4 62% 46%), oklch(0.541 0.176 28.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Golden Gate Bridge color name →
#C0362D
oklch(0.541 0.176 28.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- C94E43
- D16458
- D9786C
- E18C80
- E79F95
- EDB2A9
- F3C5BE
- F7D8D4
- FCECE9
Shades
- A72E26
- 8E251F
- 761E18
- 5F1611
- 490F0B
- 340806
- 200302
- 0E0101
- 020000
Tones
- BB4237
- B64B41
- B15449
- AB5C52
- A5635A
- 9F6962
- 986F69
- 917571
- 897B79
Farbharmonien
Komplementär +180°
- C0362D
Golden Gate Bridge
- 007D8B
≈ Metallic Seaweed
Analog -30° +30°
- C0362D
Golden Gate Bridge
- B9336E
≈ Hibiscus
- A45800
≈ Windsor Brown
Triadisch +120° +240°
- C0362D
Golden Gate Bridge
- 008635
≈ Broccoli Paradise
- 4463D4
≈ Monarchist
Geteilt komplementär +150° +210°
- C0362D
Golden Gate Bridge
- 00816F
≈ Tropical Green
- 0077AC
≈ Deluge
Tetradisch +90° +180° +270°
- C0362D
Golden Gate Bridge
- 697800
≈ Topiary Green
- 007D8B
≈ Metallic Seaweed
- 7E50C6
≈ Fuchsia Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.51:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.80:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.51:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
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);
}